其他分享
首页 > 其他分享> > flutter实现页面跳转的两种路由

flutter实现页面跳转的两种路由

作者:互联网

1.无名路由push,直接使用
void nextPage() async{   final result = await Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) {     return NextPage("pass params to next page");//构造函数传递参数   }));
  //result页面返回结果
}
Navigator.pop(context, "return value to last page");//页面返回

2. 命名路由pushNamed,先注册再使用
void main() => runApp(MyApp());//单行函数调用写法
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: "My App Title",
theme: ThemeData(primaryColor: Colors.green),
//home: RandomWord(),首页设置方式一
initialRoute: "home_route",//首页设置方式二
routes: {//路由注册表
"next_page": (BuildContext context) {
return NextPage(ModalRoute.of(context).settings.arguments);
},
"home_route": (BuildContext context) => RandomWord(),
},
// onGenerateRoute: //页面拦截处理
// onUnknownRoute: //页面跳转出错
);
}
}

void nextPage() async{
final result = await Navigator.pushNamed(context, "next_page",arguments: "pass params to next page");
//result页面返回结果
}

//next_page获取上一个页面传递过来的参数的方法:ModalRoute.of(context).settings.arguments


 

标签:BuildContext,flutter,result,context,跳转,next,page,路由,页面
来源: https://www.cnblogs.com/yongfengnice/p/12112287.html