Session3

[github-actions]

StatefulWidget のライフサイクル

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

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

課題

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

動作イメージ

ヒント

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

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

参考資料

• How do I listen to iOS lifecycle events?
• How do I listen to Android activity lifecycle events?