trm11tkr / flutter-training-yumemi

Apache License 2.0

1 stars 0 forks source link

Session3 #4

Closed github-actions[bot] closed 1 year ago

github-actions[bot] commented 1 year ago

StatefulWidget のライフサイクル

Flutter の StatefulWidget にも、iOS の UIViewController や Android の Activity のようなライフサイクルがあります。

iOS・Android と異なる点があるため、きちんと確認しておきましょう。

課題

StatefulWidget を継承した Widget で構築された新しい画面を追加する
アプリ起動時に新しい画面に遷移する
新しい画面が表示されたら、0.5 秒後に前回まで作っていた画面に遷移する
前回まで作っていた画面の Close ボタンをタップすると画面を閉じる

動作イメージ

demo

ヒント

WidgetsBinding.instance.endOfFrame を利用すると、画面の描画が終わってから処理を実行することができます。

画面遷移は外部パッケージを利用しても問題ありませんが、本課題では Navigator の命令型 API を利用すると比較的簡単に実装できます。

参考資料