Flutter路由管理

1. 普通路由

普通路由传递参数很简单，就是自定义的Widget其实就是一个类，
定义Widget时，构造函数接收参数，然后跳转到这个Widget时，和普通的类一样传递参数就好了。

1.1 简单实例

// 自定义一个Widget
import 'package:flutter/material.dart';
class Home extends StatefulWidget {
   
  // 这里的data将有外部传入 这是普通路由传值的方式
  String data;
  Home(this.data);
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
   
  @override
  Widget build(BuildContext context) {
   
    return Scaffold(
      appBar: AppBar(title: Text("Home"),),
      // state中可以通过widget获取widget对象
      body: Text(widget.data)
    );
  }
}

// 外部跳转到自定义的Widgte
import 'package:FlutterTest/home.dart';
import 'package:flutter/material.dart';
//  home>onInitRoute>onGenerateRoute>
main(List<String> args) {
   
  runApp(MaterialApp(
      title: "路由管理",
      home:Scaffold(
        appBar: AppBar(title: Text("主页"),),
        // 此处是因为上文没有context,但是Navigator跳转时需要传入context,因此使用Builder,Builder可以获取到context,具体用法可百度。
        body: Builder(builder: (context){
   
         // 按钮
         return  FlatButton(onPressed: (){
    
          // 这个的写法比较固定,第一个参数接收context,第二个参数接收一个Route,这里使用MaterialPageRoute,return要跳转的页面即可。可以传递参数,如下所示
          Navigator.push(context,MaterialPageRoute(builder: (context){
   
            // 返回自定义的Widget并传递参数
            return Home('Rob');
          }));
        }, child: Text("跳转到登录页面"));
        })
      ),

1.2 普通路由常用的Navigator方法

// 1. Navigator.push(context,route)  跳转至某个页面 可以使用pop回到原页面
Navigator.push(context,MaterialPageRoute(builder: (context){
   
 // 返回一个Widget 跳转也是跳转到这个Widget去
 return Home('Rob'