【Flutter】はじめてのFlutterアプリ開発の動くアプリを作ってみようをやってみる

Flutterの勉強として以下のサイトのコードを実装してみた。

zenn.dev

 

このサイトにはGitでソースコードがアップロードされており、それをみながら自分でコードを移していく作業を行った。

 

まず必要な作業として、画像を挿入する必要があるためpubspec.yamlを編集する。

編集内容は以下に示す。この記事はエラーの解消方法としてタイトルを挙げているが、画像を挿入するために必要な作業である。

moun45.hatenablog.com

 

次にmain.dartを編集していく。

基本的に書き写していくだけだが、そのまま書いていくとFlatButtonが使えないというエラー(?)が出る。

2022年3月現在ではFlatButtonが使えなくなったので、その代わりにTextButtonを使えとのこ

と。

なので中身は一切変えずに、FlatButtonをTextButtonという書き方に変更したらうまく行った。

 

実行画面がこちら

サイコロ上をタップすると数字がランダムに変わる

f:id:moun45:20220310164421p:plain