如何解决如果使用 Getx,如何构建 Navigator()?
如果我们使用 MaterialApp
,我们会像这样构建:
Navigator(
key: naviKey,onGenerateRoute: (routeSettings) => MaterialPageRoute(
builder: (context)=>Container(),),)
现在,如果我们使用 Getx
,如何构建?
解决方法
GetX 中的路由可以这样设置。注意 .coverart.pli {
background-image: url('../img/coupe.jpg');
}
.webp .coverart.pli {
background-image: url('../img/coupe.webp');
}
是在将 Page1.id
放入 static const id = 'page_1
之后,因此您不必使用原始字符串。
Page1
或者像这样
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
home: Page1(),routes: {
Page1.id: (context) => Page1(),Page2.id: (context) => Page2(),},);
}
}
如果您不想让 class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GetMaterialApp(
home: Page1(),getPages: [
GetPage(name: Page1.id,page: () => Page1()),GetPage(name: Page1.id,],);
}
}
与所有路线混在一起,您可以在另一个页面上设置路线列表。
然后当你想导航时你可以这样做
GetMaterialApp
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。