Flutter 路由跳转

静态路由

1. 注册

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    return new MaterialApp(
title: 'Flutter 示例',
theme: new ThemeData(
primarySwatch: Colors.blue,
),
home: new MyHomePage(title: 'Flutter 示例主页'),
routes: { //静态注册路由,不能传递参数
"SecondPage": (BuildContext context) => new Second()
},
// routes: <String, WidgetBuilder>{
// // 这里可以定义静态路由,不能传递参数
// '/router/second': (_) => new Second(),
// },
);

2. 使用

1
2
///这种路由的缺点是不能传递参数。
Navigator.pushNamed(context, "SecondPage");

动态路由

有参跳转

1
2
3
4
5
6
7
8
//跳转到新的 页面我们需要调用 navigator.push方法  -
Navigator.push(context,
new MaterialPageRoute(
builder: (BuildContext context) {
return new Second(title: "第二个页面");
}
)
);

无参跳转

1
2
3
4
5
6
7
//跳转到新的 页面我们需要调用 navigator.push方法  -
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) => new Second()
)
);

apkgithub

文章目录
  1. 静态路由
    1. 1. 注册
    2. 2. 使用
  2. 动态路由
    1. 有参跳转
    2. 无参跳转
本站总访问量 | 本文总阅读量