Flutter路由返回路由返回/替换替换/返回根路由返回根路由
再来分享一篇关于路由的姿势，前面两篇说的是由一个页面跳转另一个页面，这篇说说跳转页面之后如何往回跳（当然了，一般跳转页面后页面标
题左面都会有一个箭头可以返回上一页，这个就不做讨论了），前面两篇文章已经附上了管理路由的代码，这里就简写了，只贴实现功能的部分代
码
先把入口文件和管理路由配置好，后面直接往上面添加就可以
//main.dart
import 'package:flutter/material.dart';
import 'routes/Routes.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: "/",
onGenerateRoute: onGenerateRoute
);
}
}
//Routes.dart管理路由
import 'package:flutter/material.dart';
import '../pages/Search.dart';
import '../pages/user/Register.dart';
import '../pages/user/Continue.dart';
import '../pages/user/Finish.dart';
final routes = {
"/" :(context) => HomeContent(),
"/search" : (context) => SearchPage(),
};
var onGenerateRoute = (RouteSettings settings) {
final String name = settings.name;
final Function pageContentBuilder = routes[name];
if (pageContentBuilder != null) {
if (settings.arguments != null) {
final Route route = MaterialPageRoute(
builder: (context) => pageContentBuilder(context, arguments: settings.arguments)
);
return route;
} else {
final Route route = MaterialPageRoute(
builder: (context) => pageContentBuilder(context)
);
return route;
}
}
剩余7页未读，继续阅读
资源评论
weixin_38578242
- 粉丝: 3
- 资源: 945
