[Flutter]CupertinoDatePickerのサイズを設定するには?

Flutter

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

CupertinoDatePickerのサイズを設定する方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

CupertinoDatePickerのサイズを設定するには、SizedBoxもしくはContainerを使います。

まず、CupertinoDatePickerをSizedBoxもしくはContainerでラップします。

そして、SizedBoxもしくはContainerの引数「width」に横幅、引数「height」に高さを指定します。

SizedBox( //Containerでも同じ
  width: /*横幅*/,
  height: /*高さ*/,
  child: CupertinoDatePicker(・・・),
),

SizedBoxもしくはContaienrを使えば、CupertinoDatePickerのサイズを設定することができます。

使用例

以下は、使用例です。

SizedBox(
  width: 300.0,
  height: 300.0,
  child: CupertinoDatePicker(
    initialDateTime: _selectDate,
    onDateTimeChanged: (newDate) {
      setState(() {
        _selectDate = newDate;
      });
    },
  ),
),

コメント

タイトルとURLをコピーしました