文系プログラマーが語る文系プログラマーが語る主にプログラミング関連の記事を書いています。【Flutter】「go_router」を用いた画面遷移の説明とサンプル(コピペOK!)2024-04-14【Flutter】「go_router」を用いた画面遷移の説明とサンプル(コピペOK!)Flutter今回は、Flutterで「go_router」というライブラリを用いた画面遷移を実装するサンプルです。Flutterでの画面遷移については以前も記事にしたことがありますが、その時はFlutter標準の「Navigator」を用いた方法について解説しました。今回の記事では、Navigatorを使いやすく簡潔に実装できるようにしたライブラリである「go_router」についての説明となります。以下画面のようにボタン押下で画面遷移するサンプルです。package2importする以下をファイルの最初に記述します。'package:go_router/go_router.dart';3ルーティング設定をするアプリケーションのエントリーポイント(サンプルではMyAppの中)で以下設定を記述します。);以下に詳細を書いておきますが半分おまじない程度の認識でも特に問題ないです。ルーティング情報を提供します。通常、現在のURLを提供します。この情報は、アプリケーションがナビゲートするために使用されます。routeInformationProviderから提供される情報を解析します。この解析により、アプリケーションが理解できる形式に情報が変換されます。アプリケーションのナビゲーションスタックを管理します。具体的には、どのページが表示されるべきかを決定します。],);このように画面遷移先の分だけGoRouteで定義をしていきます。5画面遷移をするrouter.push('/home');4で定義したルートの「path」プロパティの値を引数に設定することで画面遷移ができます。Navigatorでの画面遷移よりかなりシンプルになりましたね!まとめ今回はFlutterでgo_routerを用いて画面遷移を実装するサンプルでした。お金やレシートの管理ができるスマホアプリを開発・リリースしました。連絡先お問い合わせは下記までよろしくお願いいたします。引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。