1. Flutter での一般的なルーティングの使用法
たとえば、HomePage コンポーネントから SearchPage コンポーネント 1 にジャンプしたい場合は、HomPage に SearchPage.dart を導入する必要があります。
輸入 ' 。./searchpage.dart';
HomePage で次のメソッドを実行します。
2. Flutterにおける通常のルーティングジャンプ転送値
値を渡すジャンプと値を渡すコンポーネントを呼び出す実装方法は同じです
①渡された値を受け取るSearchPageを定義し、widget.xxx経由で値を取得する
②値渡しを実現するページにジャンプします
3. Flutter での名前付きルーティング
①リダイレクトするルートをすべてmain.dartに導入する
② ルートを介してルーティングを設定します。ホームをコメントアウトする必要があります。
③ジャンプ先ページのジャンプルートを設定する
4. Flutterで値を渡す名前付きルート
① マップタイプのルートを定義する
②onGenerateRoute処理の呼び出し(書き込み方法固定)
③ 引数を受け取り、パラメータを渡すページを定義する
④パラメータの受け渡しを実現するジャンプページ(フォームページ)
5. Flutter は上位レベルのルーティングに戻ります
Navigator.of(context).pop();
6. Flutter でルーティングを置き換える
たとえば、ユーザー センター ページから registerFirst ページにジャンプし、次に、pushReplacementNamed を介して registerFirst ページから registerSecond ページにジャンプしました。このとき、registerSecondの戻るボタンをクリックすると、直接ユーザーセンターに戻ります。
Navigator.of(context).pushReplacementNamed('/registerSecond');
7. Flutter はルート ルートに戻ります
たとえば、ユーザー センターから registerFirst ページにジャンプし、次に registerFirsts ページから registerSecond ページにジャンプし、次に registerSecond ページから registerThird ページにジャンプします。この時点で考えられるのは、registerThird は登録が成功した後にユーザー センターに戻るということです。これ
ルートルートに戻る方法を使用する時が来ました。
8. Flutter Android と los は同じスタイルのルーティング ジャンプを使用します
マテリアル コンポーネント ライブラリは、iOS では左右にスライドし、Android では上下にスライドするなど、プラットフォーム スタイルと一致するルーティング切り替えアニメーションを使用できる MaterialPageRoute コンポーネントを提供します。CupertinoPageRoute は、Cupertino によって提供される iOS スタイルのルートです。コンポーネント ライブラリ。スイッチ コンポーネント、Android で左右の切り替えスタイルを使用したい場合は、CupertinoPageRoute を使用できます。
1.material.dart を削除し、cupertino.dartimport 'package:flutter/cupertino.dart' をインポートします。
2. MaterialPageRoute を CupertinoPageRoute に置き換えます