flutter 路由配置多种跳转与传参

最新推荐文章于 2024-10-07 18:15:19 发布

舜岳

最新推荐文章于 2024-10-07 18:15:19 发布

阅读量1.1k

点赞数

分类专栏： Flutter 文章标签： flutter route dart

本文链接：https://blog.csdn.net/qq_41614928/article/details/106820548

版权

Flutter 专栏收录该内容

35 篇文章 3 订阅

订阅专栏

main.dart文件

//1. 引入路由跳转的页面
import 'package:app_ftr/pages/Page1.dart';
import 'package:app_ftr/pages/Page2.dart';

void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
   return MaterialApp(
     title: 'Flutter Demo',
     theme: ThemeData(
       primarySwatch: Colors.blue,
     ),
     debugShowCheckedModeBanner: false, //隐藏debug
     //路由 (路由表匹配不到就走路由守卫)
     initialRoute: '/',
     routes: {
       '/Page1': (context) => Page1(),  //2. 配置跳转页面
       '/page2': (context) => Page2()
       //传参
       '/page2': (context,{arguments}) => Page2(arguments:arguments),
     },
   )  
 }

//跳转方法
//普通push路由跳转方法 都可传参
Navigator.pushNamed(context, "/Page2");
//PushReplacementNamed替换当前路由跳转方法，新push进入的route会替换原来route。
Navigator.of(context).pushReplacementNamed('/Page2');
//删除当前路由并跳转到下一路由
Navigator.of(context).popAndPushNamed('/Page2');
//删除/Page1路由后面的所有路由 并跳转到/Page2路由
Navigator.of(context).pushNamedAndRemoveUntil('/Page2', ModalRoute.withName('/Page1'));

//跳转传参
Navigator.pushNamed(context, "/page2",arguments: {"id":102});
//接受参数
class Page2 extends StatefulWidget {
  final arguments;  //定义一个变量
  Page2({this.arguments});  //重构
  ...