Flutter 学習: ルーティング

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 に置き換えます

おすすめ

転載: blog.csdn.net/m0_73533910/article/details/131469726