2021/4/24 : Flutter : New Buttons and Button Themesの訳パート1

Summary

基本的なマテリアルボタンウィジェットとテーマの新しいセットがFlutterに追加されました。元のクラスは非推奨になり、最終的には削除されます。全体的な目標は、ボタンをより柔軟にし、コンストラクターパラメーターまたはテーマを介して構成しやすくすることです。

 

(古) → (新)

FlatButton → TextButton

RaisedButton → ElevatedButton

OutlineButton → OutlinedButton

にそれぞれ置き換えられます。

それぞれのButtonClassは各自のthemeを持っています。

TextButtonThemeElevatedButtonTheme、 OutlinedButtonThemeです。

これまで使っていたButtonThemeクラスは使用されなくなりました。

ボタンの外観はButtonStyleオブジェクトにより指定するようになります。これまでのようなウィジェットのパラメーターとプロパティの大規模なセットの代わりに。

これは、大まかにいうと、テキストの外観をTextStyleオブジェクトで定義する方法と同じような感じと言っていいでしょう。

新しいボタンのテーマはButtonStyleオブジェクトで設定します。

ButtonStyleそれ自身は視覚的なプロパティの集まりです。

これらのプロパティの多くはMaterialStatePropertyで定義されています。つまり、