[Flutter]CupertinoDatePickerのテキスト(text)の色(color)を白(white)にするには？

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

CupertinoDatePickerのテキストカラーを白にする方法を紹介します。

方法
使用例

方法

CupertinoDatePickerのテキストの色を白にするには、CupertinoThemeを使います。

まず、CupertinoDatePickerをCupertinoThemeでラップします。

次に、CupertinoThemeの引数「data」にCupertinoThemeDataを指定します。

そして、CupertinoThemeDataの引数「brightness」にBrightness.darkを指定します。

CupertinoTheme(
  data: CupertinoThemeData(
    brightness: Brightness.dark,
  ),
  child: CupertinoDatePicker(・・・),
),

CupertinoThemeを使えば、CupertinoDatePickerのテキストカラーを白にすることができます。

使用例

以下は、使用例です。

CupertinoTheme(
  data: CupertinoThemeData(
    brightness: Brightness.dark,
  ),
  child: CupertinoDatePicker(
    backgroundColor: Colors.blue,
    initialDateTime: _selectDate,
    onDateTimeChanged: (newDate) {
      setState(() {
        _selectDate = newDate;
      });
    },
  ),
),