《Flutter實戰》電子書中第二章路由鈎子代碼

首頁面就是一個建立工程時自帶的頁面，在裡邊做了點修改，添加了onGenerateRoute屬性

import 'chapter2/RouterTestRoute.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      routes: {
        "RouterTestRoute":(context)=>RouterTestRoute(),
        "/":(context) => MyHomePage(title: 'Flutter Demo Home Page')
      },
      onGenerateRoute: (RouteSettings settings){
         var routeName =settings.name;
         var arguments = settings.arguments;
         print("要跳轉的路由是：$routeName");
         print("傳入到路由的中的參數是：$arguments");
         //這裡是經過判斷的，然後打開的路由
         if(routeName!=null&&routeName=="TipRoute"){
           return MaterialPageRoute(builder: (context){
             return TipToute(text: "我經過判斷就進來的");
           });
         }
         return MaterialPageRoute(builder: (context){
           return TipToute(text: "我沒有經過判斷就進來的");
         });
      },
      //home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}
           

第二頁面

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class RouterTestRoute extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(title: Text("測試傳值"),),
      body: Center(
        child: RaisedButton(
          child: Text("打開新頁面"),
          onPressed: () async{
            //打開新的路由，并傳回具體的值
            var result=await Navigator.pushNamed(context, "TipRoute",arguments: "我是從RouterTestRoute過來的");
            //列印從TipRoute帶回來的值
            print("我是從Tip Route傳回來的值：${result}");
          },
        ),
      ),
    );
  }
}
           

第三個頁面

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class TipToute extends StatelessWidget{
  TipToute({
    Key key,
    @required this.text
  }):super(key: key);
  final String text;
  @override
  Widget build(BuildContext context) {
    //this.text=ModalRoute.of(context).settings.arguments;
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(title: Text("提示"),),
      body: Center(
        child: Column(
          children: [
            Text(this.text),
            RaisedButton(onPressed: (){
              Navigator.pop(context,"我是傳回值");
            },
              child: Text("傳回"),
            )
          ],
        ),
      ),
    );
  }
}
           

在fullter路由管理中，路由就是頁面，路由管理就是管理頁面怎麼進棧和出棧。路由進棧有倆種方法，一種是直接push，一種是pushName，如果使用pushName的話需要需要使用路由清單，路由之間傳參書中寫的詳細，這裡就不再多說。隻是在我們使用權限判斷是否要打開那個路由的話需要使用到onGenerateRoute，這個隻能使用命名路由的方法進棧，當pushName在routes路由清單找不到對應的路由時就會去onGenerateRoute中找，我們可以把需要權限判斷跳轉的路由放到這裡打開。