Flutter Router Navigator和顶层提供商可以一起使用吗？

Question

我在通过提供者和导航器使用状态管理时遇到了很大的问题。

我们必须知道的事情：

1）我的RESTFUL API提供了一个在12h到期的令牌。

2）我的home：如果对用户进行了身份验证，则该参数为条件，否则，如果不是，则基于其他参数，我必须确定该屏幕必须是home。

3）如果我在一个屏幕上并且令牌在应用程序对API I所做的任何请求中都过期：

• 在我的auth提供者内部调用一个执行注销过程的函数，（我用令牌清理了localStorage）。此auth提供程序将名为isAuth的属性设置为false。
• [当isAuth为假时，如果在main.dart处查看home:文件，您将看到显示LoginPage()。

这里的一切都很好。问题是当我必须使用Navigator.of...进行重定向时。例如，如果令牌错误过期，我会执行：Navigator.popUntil(context, ModalRoute.withName('/login'));应用程序将毫无问题地转到LoginPage()，但是...当我尝试使用登录名（使用login提供程序的auth功能），将其保留在登录页面上！如果在任何地方使用Navigator转到任何其他地方，它似乎将覆盖我用来控制哪个页面显示为home的“状态管理方式”。

您能帮我吗？

我的main.dart代码：

// Providers
import 'package:provider/provider.dart';
import 'package:cadsanjuan_movil/providers/auth.dart';

// Pages
import './pages/login_page.dart';
import './pages/initial_loading_page.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  final storage = new FlutterSecureStorage();
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
        providers: [
          ChangeNotifierProvider<Auth>(create: (context) => Auth()),
          ChangeNotifierProvider<TurnActive>(create: (context) => TurnActive()),
          ChangeNotifierProxyProvider<TurnActive, Checkup>(
              create: (context) => Checkup(),
              update: (_, turnActive, checkup) {
                checkup.turnData = turnActive.turnData;
                return checkup;
              }),
          ChangeNotifierProxyProvider<Auth, ErrorProvider>(
              create: (context) => ErrorProvider(),
              update: (_, auth, errorProvider) {
                errorProvider.logoff = auth.logoff;
                return errorProvider;
              }),
        ],
        child: Consumer3<Auth, TurnActive, Checkup>(
          builder: (context, auth, turnActive, checkup, _) {
            return MaterialApp(
              title: 'CAD App',
              theme: ThemeData(
                primarySwatch: Colors.blue,
              ),
              home: auth.isAuth
                  ? (turnActive.turnData != null &&
                          turnActive.turnData['turn']['checkUpStartId'] != null)
                      ? CheckupPage() // Si el cotejo está en proceso
                      : InitialLoadingPage() // Si no hay cotejo iniciado
                  : FutureBuilder(
                      // Si estamos no hay autenticación en el estado, se chequea en el localStorage
                      future: auth.tryAutoLogin(),
                      builder: (ctx, authResultSnapshot) =>
                          authResultSnapshot.connectionState ==
                                  ConnectionState.waiting
                              ? LoadingData()
                              : LoginPage(),
                    ),
              routes: {
                LoginPage.routeName: (context) => LoginPage(),
                InitialLoadingPage.routeName: (context) => InitialLoadingPage(),
                CheckupPage.routeName: (context) => CheckupPage(),
                CheckupGroupsPage.routeName: (context) => CheckupGroupsPage(),
              },
            );
          },
        ));
  }
}

Answer 1

问题出在这里：

Navigator.popUntil(context, ModalRoute.withName('/login'))

如果我们按下“ / login”，它将覆盖MaterialApp中的home参数，加载登录页面，但该页面不会因为路由而弹出。正确的方法是：

Navigator.of(context)
          .pushNamedAndRemoveUntil('/', (Route<dynamic> route) => false);

有了这个，我们重定向到'/'，然后使用home参数的状态管理将起作用。