Flutter - 根据登录状态使用不同的路由启动应用程序

我正在寻找一种根据登录状态在应用程序启动时显示不同屏幕的方法。例如，我定义了以下路由：

• /home
• /login
• /设置

当然，我会检查用户是否已经在main()方法，然后设置initialRoute我的 MaterialApp 到 /login 或 /home。登录成功后可以拨打电话Navigator.pushReplacement导航到 /home 并且登录屏幕将从堆栈中删除。不幸的是，我总是必须定义一条路线/或设置homeMaterialApp 的属性。所以如果我设置/到空白处Container()，此容器将位于导航堆栈上，用户可以返回到此空白屏幕。

我想出的两个选择是：

• 将 MaterialApp 的 home 属性设置为 HomeScreen 或 LoginScreen
• 返回主屏幕中的登录屏幕build()方法，如果用户还没有登录

这两个选项都是可行的，但是我必须提出一些重新加载逻辑并重新设置状态才能更新 home 属性或 HomeScreen。

有什么想法 Flutter 处理此类情况的正确方法是什么？

也许，你可以做到这一点。假设您有一个带有异步方法的 Auth 类isLogged.

class Auth {
  final FirebaseAuth _firebaseAuth = FirebaseAuth.instance;

  Future<bool> isLogged() async {
    try {
      final FirebaseUser user = await _firebaseAuth.currentUser();
      return user != null;
    } catch (e) {
      return false;
    }
  }
}

你可以使用myApp构造函数传递initialRoute，并根据登录状态决定初始路由。然后，您可以传递以下实例myApp to runApp:

Warning:如果出现错误，请添加WidgetsFlutterBinding.ensureInitialized();就在之前void main() async {。检查这个问题#40253 https://github.com/flutter/flutter/issues/40253.

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  final Auth _auth = Auth();
  final bool isLogged = await _auth.isLogged();
  final MyApp myApp = MyApp(
    initialRoute: isLogged ? '/home' : '/',
  );
  runApp(myApp);
}

之后，您必须修改myApp类在构造函数中传递初始路由：

class MyApp extends StatelessWidget {
  final String initialRoute;

  MyApp({this.initialRoute});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Dynamic Route Demo',
      initialRoute: initialRoute,
      routes: {
        '/': (context) => LoginPage(),
        '/home': (context) => HomePage(),
        '/settings': (context) => SettingsPage(),
      },
    );
  }
}

希望这可以帮助。