【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part164 Material Theming

基礎 から 学ぶ Flutter 」という書籍で  学習 したことを ブログでアウトプットしていこうと思います。今回は Material ComponentsとiOS-Style ( part164 )です。

前回

【 Flutter 】Flutter を 基礎 から 学習 ( Material ComponentsとiOS-Style ) part163 Material Theming

引き続き、Material Themingについて学びます。

基本

accentColorプロパティ

accentColorプロパティは以下の部分に影響が出るプロパティです。

  • FloatingButtonウィジェットのバックグランドカラー
  • Checkbox, Radioウィジェットの選択状態
  • CircularProgressIndicatorウィジェットの色
  • ダイアログ系のButtonウィジェットの文字色
  • BottomNavigationの選択状態(Brightness.darkの場合)

しかしaccentColorプロパティは現在非推奨扱いとなっています。
代わりにcolorSchemeプロパティを使うらしいのですがaccentColorプロパティよりも影響範囲が狭いように思います。

 

ご覧ください。CheckboxRadioに設定が反映されていません。

ちなみにaccentColorプロパティを使うと以下のような感じです。

公式のドキュメントちゃんと読まないといけないかもしれませんね。
英語はわからないので後回し!

最後に

BottomNavigationの選択状態について、前回学習したprimarySwatchプロパティの設定においても「Brightness.light」の場合に影響がでます。
ややこしいですね😅

今日はここまで!

参考

ラジオボタン | Flutter Doc JP (ctrnost.com)

ThemeData’s accent properties have been deprecated | Flutter