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

Question

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

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

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

Answer 1

GetX 中的路由可以这样设置。注意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 与您的所有路线混淆，您可以在另一个页面上设置路线列表。

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

Get.to(Page2());