使用 Firebase Auth 和 ChangeNotifierProvider 进行 Flutter 路由

Question

在深入研究我的应用程序的功能之前，我试图使我的颤振架构尽可能好。我已经基于 ChangeNotifierProvider 制作了一个带有 firebase 身份验证的应用程序：

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.lightBlue,
      ),
      home: Home(),
    );
  }
}

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (_) => AuthentService.instance(),
      child: Consumer(builder: (context, AuthentService authentService, _) {
        switch (authentService.status) {
          case Status.Authenticated:
            return DashboardScreen();
          default:
            return LoginScreen();
        }
      }),
    );
  }
}

此 Home 小部件正在侦听身份验证状态，并在登录或未登录时返回任何 LoginScreen 或 DashboardScreen 小部件。如果用户登录，LoginScreen 可以更新服务的状态。DashboardScreen 也可以通过注销来修改状态。然后由于这个通知程序，呈现的小部件在两个屏幕之间切换。

我正在尝试将生成的路由添加到这个工作部分，以使我的应用程序更加“标准”。我已经在 Router 类中定义了一些路由：

class Router {
  static const String homeRoute = '/';
  static const String loginRoute = '/login';
  static const String dashboardRoute = '/dashboard';

  static Route<dynamic> generateRoute(RouteSettings settings) {
    switch (settings.name) {
      case homeRoute:
        return MaterialPageRoute(builder: (_) => Home());
      case loginRoute:
        return MaterialPageRoute(builder: (_) => LoginScreen());
      case dashboardRoute:
        return MaterialPageRoute(builder: (_) => DashboardScreen());
    }
  }
}

我现在可以修改我的 MyApp 小部件：

onGenerateRoute: Router.generateRoute,
initialRoute: Router.homeRoute,

问题是：如何使此路由在 Home 小部件中工作？实际上，我切换了我提供的服务的状态，并返回了一个很好的小部件。类似于在此交换机内选择路由：

class Home extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (_) => AuthentService.instance(),
      child: Consumer(builder: (context, AuthentService authentService, _) {
        switch (authentService.status) {
          case Status.Authenticated:
            return DashboardScreen();
          default:
            return LoginScreen();
        }
      }),
    );
  }
}

如何使用导航器？我不能在开关内使用 Navigator.pushNamed。它需要返回一个 Widget。也许我错了，如果登录成功，LoginScreen 应该处理导航，这也许更简单？这样 Home 小部件可以直接呈现 LoginScreen。这是最好的方法吗？

我试图从一个干净且设计良好的应用程序开始，使最好的架构成为可能。

感谢您的帮助。

Answer 1

如果你想在里面添加一个导航器Widget build()，你可以使用Future.microtask. 这应该在周期之后安排任务build。

Future.microtask(() => Navigator.push(
  context, 
  MaterialPageRoute(builder: (context) => LoginScreen())
));