Question

如果我们使用 MaterialApp，我们会像这样构建：

Navigator(
                key: naviKey,
                onGenerateRoute: (routeSettings) => MaterialPageRoute(
                  builder: (context)=>Container(),
                ),
              )

现在，如果我们使用 Getx，如何构建？

Answer 1

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, page: () => Page1()), ], ); } } 与所有路线混在一起，您可以在另一个页面上设置路线列表。

然后当你想导航时你可以这样做

GetMaterialApp

如果使用 Getx，如何构建 Navigator()？

1 个答案: