Flutter路由跳转方式
2023-09-27 14:27:34 时间
1、通过of跳转
//在入口定义路由
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo', //应用名
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Hello Flutter'),
//定义路由
routes: <String,WidgetBuilder>{
"/basicComponent":(BuildContext context)=>const BasicComponent(), //通过of跳转使用定义的路由名
},
);
}
}
//路由跳转
Navigator.of(context).pushNamed("/basicComponent");
2、通过push跳转
- 不带参数
Navigator.push(context, MaterialPageRoute(builder: (context)=>const BasicComponent()));
//或
Navigator.push(context,MaterialPageRoute(builder: (context) {
return const BasicComponent();
}));
3、传递参数
- 带有参数(单个参数&#
相关文章
- 魔豆路由一次不完整的发布
- 配置IS-IS多区域和聚合路由
- 路由信号能不能穿墙,要看这两个东西
- 无敌的极路由 - 对外映射
- Flutter路由_fluro引入配置和使用
- Flutter酷炫的路由动画效果
- openstack新建虚机、网络、路由时候对应的ovs网桥的变化
- 【ElasticSearch】文档路由的原理
- vue3 集成 router路由
- RocketMQ源码分析之路由中心
- vue路由传参(学习心得)
- OpenWrt 路由系统上抓包
- Mysql系列六:(Mycat分片路由原理、Mycat常用分片规则及对应源码介绍)
- Flutter 路由我定
- Flutter路由管理指北
- Flutter onGenerateRoute 路由管理
- Flutter监听路由返回
- react-router 4.x 路由按需加载