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

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

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

方法

Containerの左側のパディングを設定するには、引数「EdgeInsets.only」を使います。

まず、Containerの引数「padding」に「EdgeInsets.only()」を指定します。

そして、EdgeInsets.onlyの引数「left」で左側のパディングに設定したい値を指定します。

Container(
  padding: EdgeInsets.only(
    left: /*左側のパディング*/,
  ),
),

これでContainerの左側のパディングを設定することが出来ます。

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          padding: EdgeInsets.only(
            left: 50, //パディング５０
          ),
          width: 250,
          height: 250,
          child: Text('パディング'),
          color: Colors.yellow,
        ),
      ),
    );
  }