[Flutter]DatePickerの色を変えるには?

Flutter

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

DatePickerの色を変えるには、どうしたらいいのでしょうか?

スポンサーリンク

方法

    final newDate = await showDatePicker(
      context: context,
      initialDate: initialDate,
      firstDate: DateTime(DateTime.now().year - 3),
      lastDate: DateTime(DateTime.now().year + 3),
      builder: (context, child) {
        return Theme(
          data: Theme.of(context).copyWith(
            colorScheme: ColorScheme.light(
              primary: Colors.yellow, // ヘッダー背景色
              onPrimary: Colors.black, // ヘッダーテキストカラー
              onSurface: Colors.green, // カレンダーのテキストカラー
            ),
            textButtonTheme: TextButtonThemeData(
              style: TextButton.styleFrom(
                primary: Colors.red, // ボタンのテキストカラー
              ),
            ),
          ),
          child: child!,
        );
      },
    );

「DatePicker」の色を変えるには、Themeを使います。

引数「builder」に、色の設定をしたThemeを返すことでDatePickerの色を変えることが出来ます。

コメント

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