[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, // ヘッダー背景色
            ),
          ),
          child: child!,
        );
      },
    );

ヘッダーの背景色を変えるには、Themeを使います。

showDatePickerの引数「builder」で返す「Theme」の引数「primary」でヘッダーの背景色を設定することが出来ます。

コメント

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