Могут ли Flutter Router Navigator и поставщик на верхнем уровне работать вместе? - PullRequest
Новая
       35

Могут ли Flutter Router Navigator и поставщик на верхнем уровне работать вместе?

0 голосов
/ 10 февраля 2020

У меня большая проблема с использованием управления состоянием с провайдерами и навигатором.

Вещи, которые мы должны знать:

1) Мой RESTFUL API выдает токен, срок действия которого истекает через 12 часов.

2) Мой дом: параметр обусловлен, если пользователь прошел аутентификацию или ни ... если нет, основываясь на других параметрах, я должен решить, какой экран должен быть домом.

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 до go в любом другом месте, он переопределяет «способ управления состоянием», который я использую для контроля того, какая страница отображается как 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(),
              },
            );
          },
        ));
  }
}

1 Ответ

0 голосов
/ 14 февраля 2020

Проблема была в следующем: 

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

Если мы наберем sh, то "/ login" переопределит параметр home в MaterialApp, загрузит страницу входа, но страница не появится, потому что маршрут. Правильный способ сделать это: 

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

С этим мы перенаправим на '/', и тогда будет работать управление состоянием с помощью домашнего параметра.

...