RaisedButtonとFlatButtonをElevatedButtonとTextButtonに移行した際に気づいたことを書いておきます。
廃止されたRaisedButtonとFlatButtonの背景色とテキストの色を設定するプロパティはほぼ同じだったのですが、それぞれを後継すると思われるウィジェットでは、色を設定するプロパティに以下のような微妙な差があります。
RaisedButtonとFlatButton
- ボタンの背景色は、
colorプロパティで設定 - テキストの色は、
Textウィジェットのcolorプロパティで設定
ElevatedButton
- ボタンの背景色は、
ElevatedButton.styleFromのprimaryプロパティで設定 - テキストの色は、
Textウィジェットのcolorプロパティで設定
TextButton
- ボタンの背景色は、
TextButton.styleFromのbackgroundColorプロパティで設定 - テキストの色は、
TextButton.styleFromのprimaryプロパティで設定
まとめ
ElevatedButton.styleFromのprimaryプロパティが、ボタンの背景色を指すのに対し、TextButton.styleFromのprimaryプロパティはテキスト色を指しています。
RaisedButtonのcolorプロパティの値を、ElevatedButton.styleFromのprimaryプロパティに適用していたのですが、その調子で、TextButtonの移行もやっていたら、想定していたスタイルが適用されず混乱してしまいました。
TextButton.styleFormで背景色を変更する場合は、backgroundColorプロパティで色を指定してあげましょう。