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

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

前回

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

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

ボタン・アイコン

buttonTheme

textTheme

textThemeはダイアログ以外のボタンの文字色に影響を与えます。
RaisedButton(非推奨になりました。)ElevatedButtonウィジェットにButtonTextTheme.primaryを与えるとprimaryの色にあった白や黒に変えてくれます。
ButtonTextTheme.primaryを指定すると自動で見やすい色を決定して表示してくれるということですね。

shape

shapeはダイアログ以外のボタンの角に影響を与えます。
よく角丸を使うのでここで設定すると一括で適用されるのでグッドですね!

 

あれ?

ElevatedButtoウィジェットはshapeでは変化しないようです😑

最後に

なんでRaisedButtonの後継と言われているElevatedButtonウィジェットがshapeプロパティの設定で変化がないのか謎です。

今日はここまで!

参考

Flutter ElevatedButton not inheriting ButtonThemeData shape – Stack Overflow