从命名路由重定向用户答案

【问题标题】：Redirect user from named route从命名路由重定向用户
【发布时间】：2020-02-28 15:48:17
【问题描述】：

所以我和问this older question 的人有类似的问题，除了有不同的要求，那里的答案都没有帮助。

当用户打开应用程序时，如果他们没有登录，我希望他们看到登录页面，如果他们登录了，我希望他们看到主页（底部导航栏视图）。我可以在MaterialApp 中定义如下：

MaterialApp(
  initialRoute: authProvider.isAuthenticated
      ? '/home'
      : '/login',
  routes: {
    '/home': (_) =>
        ChangeNotifierProvider<BottomNavigationBarProvider>(
            child: AppBottomNavigationBar(),
            create: (_) => BottomNavigationBarProvider()),
    '/login': (_) => LoginView()
  },
)

到目前为止一切顺利。除了我想让它在网络上工作，现在即使用户第一次打开myapp.com 时的默认屏幕是myapp.com/#/login，任何用户都可以通过简单地访问myapp.com/#/home 绕过登录屏幕。

现在我尝试将用户重定向到底部导航栏的initState() 中的登录页面（并将initialRoute 设置为/home），但在移动设备上这会出现不良行为。

如果我试试这个：

void initState() {
  super.initState();

  if (!Provider.of<AuthProvider>(context, listen: false).isAuthenticated) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      Navigator.of(context).pushNamed('/login');
    });
  }
}

然后只需按返回即可将用户返回到主页，再次绕过登录。如果我尝试使用popAndPushNamed 而不是仅仅按下，按下返回将打开一个空白屏幕（而不是关闭应用程序）。

有什么方法可以正确地做到这一点，使其同时适用于网络和移动设备？

【问题讨论】：

试试pushReplacementNamed

标签： flutter dart flutter-web mobile-development

【解决方案1】：

如果您在小部件类上使用 RouteAware 混合，它们将在导航到（或离开）时收到通知。您可以使用它来检查用户是否应该在那里，如果他们不应该在那里，则将他们导航：

要使用它，首先您需要一些 RouteObserver 的全局实例，您的所有小部件类都可以访问：

final routeObserver = RouteObserver<PageRoute>();

然后你需要用你的MaterialApp注册它：

MaterialApp(
  routeObservers: [routeObserver],
)

然后将你的小部件注册到路由观察器：

class HomeViewState extends State<HomeView> with RouteAware {
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
    routeObserver.subscribe(this, ModalRoute.of(context));
  }

  @override
  void dispose() {
    routeObserver.unsubscribe(this);
    super.dispose();
  }

  void didPop() {
    // This gets called when this widget gets popped
  }

  void didPopNext() {
    // This gets called when another route gets popped making this widget visible
  }

  void didPush() {
    // This gets called when this widget gets pushed
  }

  void didPushNext() {
    // This gets called with another widget gets pushed making this widget hidden
  }

  ...
}

在您的情况下，如果用户错误地进入该页面，您可以使用didPush 路由将用户导航到登录页面：

void didPush() {
  if (checkLoginStateSomehow() == notLoggedIn) {
    Navigator.of(context).pushReplacementNamed('login');
  }
}

【讨论】：