状态改变后如何路由到不同的屏幕？

Question

我正在使用flutter_redux和google_sign_in,我想在登录后从登录页面路由到另一个页面.

我正在使用调度LoggedInSuccessfully操作的中间件来处理对Google的API调用.我知道我可以Navigator.pushNamed(context, "/routeName")用于实际路由,但我是Flutter和Redux的新手,我的问题是我只是不知道在哪里调用它.

下面的代码是针对的GoogleAuthButtonContainer,我猜测路由应该在哪里.这GoogleAuthButton只是一个包含实际按钮和布局的简单小部件.

任何帮助表示感谢,谢谢!

  @override
  Widget build(BuildContext context) {
    return new StoreConnector<AppState, _ViewModel>(
      converter: _ViewModel.fromStore,
      builder: (BuildContext context, _ViewModel vm) {
        return new GoogleAuthButton(
          buttonText: vm.buttonText,
          onPressedCallback: vm.onPressedCallback,
        );
      },
    );
  }
}

class _ViewModel {
  final String buttonText;
  final Function onPressedCallback;

  _ViewModel({this.onPressedCallback, this.buttonText});

  static _ViewModel fromStore(Store<AppState> store) {
    return new _ViewModel(
        buttonText:
        store.state.currentUser != null ? 'Log Out' : 'Log in with Google',
        onPressedCallback: () {
          if (store.state.currentUser != null) {
            store.dispatch(new LogOut());
          } else {
            store.dispatch(new LogIn());
          }
        });
  }
}

Answer 1

您可以通过3种不同方式实现这一目标:

• 直接调用导航器(不使用ViewModel),但这不是一个干净的解决方案.
• 设置navigatorKey并在此处Middleware描述的中使用它
• 另一个解决方案是我在这里解释的,它将传递Navigator给Action类并在其中使用它Middleware

总而言之,您可能希望使用a Middleware来进行导航.