1. 命名路由：
在Flutter中，你可以使用命名路由来指定页面之间的导航关系。首先，在main.dart中配置路由表：
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
initialRoute: '/',
routes: {
'/': (context) => HomeScreen(),
'/second': (context) => SecondScreen(),
},
);
}
}
上述代码中，initialRoute 指定了应用程序的初始路由，而 routes 则定义了命名路由表。
2. 导航到命名路由：
在你的应用程序中，你可以使用 Navigator 类的 pushNamed 方法来导航到命名路由：
Navigator.pushNamed(context, '/second');
3. 传递参数：
你还可以通过路由传递参数。例如，在 Navigator.pushNamed 中，你可以使用 arguments 参数传递数据：
Navigator.pushNamed(context, '/second', arguments: 'Hello from the first screen!');
在接收端的页面（SecondScreen），你可以通过 ModalRoute.of(context).settings.arguments 获取传递的参数：
class SecondScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
var message = ModalRoute.of(context)?.settings.arguments as String;
return Scaffold(
appBar: AppBar(
title: Text('Second Screen'),
),
body: Center(
child: Text(message),
),
);
}
}
4. 返回前一个页面：
在第二个页面中，你可以通过 Navigator.pop 返回到前一个页面：
ElevatedButton(
onPressed: () {
Navigator.pop(context);
},
child: Text('Go Back'),
)
这些是基本的导航和路由概念，你可以根据需要进行扩展和定制。Flutter提供了许多其他导航和路由管理的工具，例如 MaterialPageRoute、Navigator.pushReplacement 等，可以根据应用程序的需求选择适当的方法。
转载请注明出处：http://www.zyzy.cn/article/detail/9601/Flutter