[Flutter]SingleChildScrollViewのパディングを設定するには？

どうも、ちょげ(@chogetarou)です。

SingleChildScrollViewのパディングを設定する方法を紹介します。

方法

SingleChildScrollViewのパディングを設定するには、引数「padding」を使います。

具体的には、SingleChildScrollViewの引数「padding」にパディングを指定します。

パディングの指定は、EdgeInsetsクラスでします。

SingleChildScrollView(
  padding: パディング(EgdeInsetsクラス),
  ・・・
),

引数「padding」にパディングを指定することで、SingleChildScrollViewのパディングを設定できます。

使用例

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          width: 200,
          height: 200,
          decoration: BoxDecoration(
            border: Border.all(),
          ),
          child: SingleChildScrollView(
            padding: EdgeInsets.all(20),
            child: Column(
              children: [
                for (var i = 0; i < 20; i++)
                  Container(
                    height: 30,
                    color: i.isEven ? Colors.blue : Colors.yellow,
                  ),
              ],
            ),
          ),
        ),
      ),
    );
  }