Навигация по флаттеру с использованием BLoC: контекст, используемый для проталкивания маршрутов из навигатора, должен быть потомком виджета навигатора - PullRequest
Новая
       10

Навигация по флаттеру с использованием BLoC: контекст, используемый для проталкивания маршрутов из навигатора, должен быть потомком виджета навигатора

0 голосов
/ 18 февраля 2019

Я использую BLoC, и мне нужно перейти от PageOne к PageTwo и иметь возможность вернуться с помощью кнопки назад, я не знаю, является ли это правильным способом решения этой проблемы.Я также получаю сообщение об ошибке, когда вызывается функция _navigateToPage2 * 1002. *виджет навигатора. 

class SimpleBlocDelegate extends BlocDelegate {

  @override
  void onTransition(Transition transition) {
     print(transition);
  }

  @override
  void onError(Object error, StackTrace stacktrace) {
      print(error);
   }
}



void main() {
  BlocSupervisor().delegate = SimpleBlocDelegate();
  runApp(MyApp(userRepository: UserRepository(GuriApi())));
}

class MyApp extends StatefulWidget {
  final UserRepository userRepository;

  MyApp({Key key, @required this.userRepository}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  AuthenticationBloc _authenticationBloc;
  UserRepository get _userRepository => widget.userRepository;

  @override
  void initState() {
    _authenticationBloc = AuthenticationBloc(userRepository: _userRepository);
    _authenticationBloc.dispatch(AppStarted());
    super.initState();
  }

  @override
  void dispose() {
    _authenticationBloc.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return BlocProvider<AuthenticationBloc>(
      bloc: _authenticationBloc,
      child: MaterialApp(
        theme: new ThemeData(
            fontFamily: 'Monserrat',
            primaryColor: Colors.lightBlue[50],
            accentColor: Colors.white),
        home: BlocBuilder<AuthenticationEvent, AuthenticationState>(
          bloc: _authenticationBloc,
          builder: (BuildContext context, AuthenticationState state) {
            if (state is AuthenticationUninitialized) {
              return SplashPage();
            }
            if (state is AuthenticationAuthenticated) {
              return Home(userRepository: _userRepository);
            }
            if (state is AuthenticationUnauthenticated) {
              return LoginPage(userRepository: _userRepository);
            }
            if (state is AuthenticationLoading) {
              return LoadingIndicator();
            }
            if (state is PageOneSelected) {
              return PageOne();
            }
            if (state is PageTwoSelected) {
              _navigateToPage2();
            }
          },
        ),
      ),
    );
  }

  _navigateToPage2() {
    Navigator.of(context).push<bool>(
        MaterialPageRoute(
            builder: (BuildContext context) =>
                PageTwo(userRepository: _userRepository)));
  }
}

Ответы [ 2 ]

0 голосов
/ 19 февраля 2019

необходимо сделать что-то подобное в вашем виджете: 

     if (state is PageTwoSelected) {
         WidgetsBinding.instance.addPostFrameCallback((_){
            Navigator.push(context, 
              MaterialPageRoute(builder: (context) =>
                PageTwo(userRepository: _userRepository))
            );
         });
     }

Это необходимо, потому что если навигация происходит, когда виджет все еще строится (в грязном состоянии), Flutter сгенерирует исключение.

Вложив его в обратный вызов addPostFrameCallback, вы в основном говорите, когда виджет завершает сборку, затем выполняете код навигации.

Подробнее об этом можно прочитать здесь , в комментариях есть объяснение.

0 голосов
/ 19 февраля 2019

Я думаю, что лучше управлять навигацией, подписавшись на изменение состояния блока в initState: 

@override
void initState() {
    super.initState();

    bloc.state.listen((state) {
        if (state is PageOneSelected) {
            _navigateToPage2();
        } else if (state is PageTwoSelected) {
            _navigateToPage2();
        }
    });
}

Показать другой виджет в методе сборки.В вашем коде возникает ошибка, потому что blocBuilder должен вернуть виджет, но в случае состояния PageTwoSelected вы ничего не возвращаете.

...