前回は画面遷移をやりました。こういうやつ。
今回はテーマを使ったUIの変更です。codelabsも今回が最後です。
テーマの変更
テーマの変更はThemaDataクラスを使います。MyAppクラスのMaterialAppにthemeプロパティを追加して、ThemeDataクラスを使って以下のように追加します。
反映してみるとこんな感じです。
ちょっと雰囲気が違いますねー。赤にしてみるとこんな感じです。
これもまた雰囲気が違いますね。
まとめ
ということで、最後は短めでしたが、UIテーマの変更でした。デフォルトもわかりやすくていいんですが、いかにもFlutterで作りましたになってしまうので、かんたんに雰囲気が変えれるのは良いですね。
Codelabsのチュートリアルはこれで終了です。今後ですが、以下を参考にUdacityのオンライントレーニングをやっていく予定です。
はやくAlexaやGoogleアシスタントと連携したい!