日本語アーカイブ · サンプルコード集

サンプルコード集

以下のサンプルコードから go_router の具体的な使用方法を確認できます。

• main.dart: 宣言的な GoRoute オブジェクトのセットを使い、基本のルーティングポリシーを定義する
• error_screen.dart: ルーティングやビルダーに関するエラーが発生した際に表示するカスタムのエラー画面を定義する
• init_loc.dart: デフォルトのホーム / ではなく指定のロケーションでアプリをスタートする
• sub_routes.dart: サブルートのセットを元にページのスタックを生成する
• push.dart: context.push() を連続的に呼び出してページのスタックを生成する
• redirection.dart: アプリの状態の変化を元にルートからルートへリダイレクトする
• query_params.dart: パスパラメータやオプションのクエリパラメータをビルダー内で受け取る
• router_stream_refresh.dart: Listenable の代わりに Stream でルートの更新を行う
• loading_page.dart: ユーザーがログインした直後にリポジトリをロードし、その間ローディング画面を表示する
• named_routes.dart: ロケーション URI を指定する代わりに名前付きルートで遷移する
• transitions.dart: ルーティング中にカスタム・トランジション効果を適用する
• async_data.dart: 非同期データの参照
• nested_nav.dart: ページにサブルートの情報を表示する（ネスト型ナビゲーション）
• nav_builder.dart: Navigator ウィジェットの上にウィジェットを挿入する
• shared_scaffold.dart: navigatorBuilder を使ってページ間で共通のカスタム scaffold を使用し、go_router によるトランジション効果の適用範囲を制限する
• url_strategy.dart: Flutter ウェブで URL から # を除く
• user_input.dart: go_router を使いつつ、戻るボタンによるポップを打ち消して Navigator で確認ダイアログを表示する
• nav_observer.dart: MaterialPage 等に渡すデフォルトの引数を通じて NavigatorObserver にルートの追加情報を伝える
• state_restoration.dart: go_router で状態復元（State Restoration）が動作するかテストする
• cupertino.dart: MaterialApp と同様に CupertinoApp においても go_router が動作するかテストする
• widgets_app.dart: MaterialApp と同様に WidgetsApp においても go_router が動作するかテストする
• router_neglect.dart: ページ間を遷移する際にウェブブラウザが履歴を作成しないようにする
• books/main.dart: Flutter 公式のサンプル、ナビゲーションとルーティングの go_router 版

これらのサンプルコードは IDE から直接、もしくは example フォルダから次のコマンドラインで実行することができます。

$ flutter run lib/main.dart