1.Flutter 中的普通路由使用
比如我们现在想从HomePage组件跳转到SearchPage组件1、需要在HomPage中引入SearchPage.dart
import ' . ./searchpage.dart';
在HomePage中通过下面方法跳转
2.Flutter 中的普通路由跳转传值
跳转传值和调用组件传值的实现方法是一样的
①定义一个SearchPage接收传值,通过widget.xxx获取值
②跳转页面实现传值
3.Flutter 中的命名路由
①main.dart中引入所有要跳转的路由
②通过routes配置路由,需要注释掉home
③在要跳转的页面配置跳转路由
4.Flutter 中的命名路由传值
①定义map类型的routes
②调用onGenerateRoute处理(固定写法)
③定义页面接收arguments传参
④跳转页面(form页面)实现传参
5.Flutter 返回上一级路由
Navigator.of(context).pop();
6.Flutter 中替换路由
比如我们从用户中心页面跳转到了registerFirst页面,然后从registerFirst页面通过pushReplacementNamed跳转到了registerSecond页面。这个时候当我们点击registerSecond的返回按钮的时候它会直接返回到用户中心。
Navigator.of(context).pushReplacementNamed('/registerSecond');
7.Flutter 返回到根路由
比如我们从用户中心跳转到registerFirst页面,然后从registerFirs页面跳转到registerSecond页面,然后从registerSecond跳转到了registerThird页面。这个时候我们想的是registerThird注册成功后返回用户中心。这个
时候就用到了返回到根路由的方法。
8.Flutter Android 和los使用同样风格的路由跳转
Material组件库中提供了一个MaterialPageRoute组件,它可以使用和平台风格一致的路由切换动画如在ios上会左右滑动切换,而在Android上会上下滑动切换,CupertinoPageRoute是Cupertino组件库提供的iOS风格的路由切换组件,如果在Android上也想使用左右切换风格,可以使用CupertinoPageRoute.
1、删掉material.dart引入cupertino.dartimport 'package:flutter/cupertino.dart';
2、把 MaterialPageRoute替换成 CupertinoPageRoute