Flutter学习:路由

1.Flutter 中的普通路由使用

比如我们现在想从HomePage组件跳转到SearchPage组件1、需要在HomPage中引入SearchPage.dart

import ' . ./searchpage.dart';

在HomePage中通过下面方法跳转

​2.Flutter 中的普通路由跳转传值

跳转传值和调用组件传值的实现方法是一样的

 ①定义一个SearchPage接收传值,通过widget.xxx获取值

 ②跳转页面实现传值

 3.Flutter 中的命名路由

①main.dart中引入所有要跳转的路由

扫描二维码关注公众号,回复: 16494087 查看本文章

②通过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

猜你喜欢

转载自blog.csdn.net/m0_73533910/article/details/131469726