どうも、ちょげ(@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の色を変えることが出来ます。
コメント