backを元にFlutterで画面遷移をどう書くか紹介します。Navigatorクラスアプリの「画面」にあたるものは、AndroidではActivityであり、iOSではViewControllerです。Flutterで画面にあたるものはrouteと呼ばれていて、NavigatorがRouteオブジェクトのスタックを管理します。Navigatorがスタックに対してRouteをプッシュしたり、ポップしたりすることで画面遷移を実現するというのが基本的な考え方です。最初の画面としてHomeScreenというクラスを用意します。画面の中央に”Next”と表示されたボタンが置いてあるだけです。}}次に遷移先のNextScreenです。こちらは”Back"と書かれたボタンが置かれているだけす。}}Navigator.pushで次の画面へ遷移HomeScreenのNextボタンを押した時にNavigator.pushメソッドを使ってNextScreenへ遷移させます。onPressedの処理にNavigator.pushを追加します。}}Navigator.pushはRouteオブジェクトをプッシュしてスタックに追加します。RouteオブジェクトとしてMaterialPageRouteを利用しました。Routeは遷移の見た目に関する情報も持っていますが、MaterialPageRouteはプラットフォームに応じた遷移アニメーションを行ってくれます。Navigator.popで元の画面へ遷移”Back"ボタンを押したら元の画面へ戻るようにします。Navigator.popメソッドで今のRouteオブジェクトをポップしてスタックから取り除きます。}}AndroidとiOSでビルドすると以下のような感じになります。画面遷移で次画面へ値を渡す画面をタップして次画面へ遷移する時に値を渡す方法を紹介しま...2018-03-17Flutterでアプリを作ってみる(導入編)仕事では主にKotlinを使ってAndroidアプリ開発をしています。6引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。