[Flutter]DropdownButton(ドロップダウンボタン)のパディング(padding)を設定するには？

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

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

方法
使用例

方法

DropdownButtonのパディングを設定をするには、Paddingウェジェットを使います。

まず、DropdownButtonをPaddingでラップします。

そして、Paddingの引数「padding」にパディングを指定します。

パディングの指定は、EdgeInsetsで行います。

Padding(
  padding: /*EdgeInsetsでパディングを指定*/,
  child: DropdownButton(
    value: _text,
    items: [
      ・・・
    ],
    onChanged: (String? value) {
      ・・・
    },
  ),
),

Paddingを使えば、DropdownButtonのパディングを設定をすることが出来ます。

使用例

以下は、使用例です。

Padding(
  padding: const EdgeInsets.all(8.0), //全方向に８
  child: DropdownButton(
    value: _text,
    items: [
      DropdownMenuItem(
        child: Text('Hello'),
        value: 'Hello',
      ),
      DropdownMenuItem(
        child: Text('Hola'),
        value: 'Hola',
      ),
      DropdownMenuItem(
        child: Text('こんにちは'),
        value: 'こんにちは',
      ),
    ],
    onChanged: (String? value) {
      setState(() {
        _text = value ?? 'Hello';
      });
    },
  ),
),