flutter - 状态更改后如何路由到不同的屏幕?

我正在使用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());
          }
        });
  }
}

最佳答案

您可以通过 3 种不同的方式实现此目的:

  • 直接调用导航器(不使用 ViewModel),但这不是一个干净的解决方案。
  • 设置 navigatorKey 并在 Middleware 中使用它,如 here 所述
  • 另一个解决方案是我已经解释过的 here它将 Navigator 传递给 Action 类并在 Middleware
  • 中使用它

所以总结一下,你可能想要使用 Middleware 来进行导航。

https://stackoverflow.com/questions/49373708/

相关文章:

dart - 如何在 Flutter 中测试/调试摇树?

dart - 如何使用异步/HTTP 数据返回 IndexedWidgetBuilder 中的子小部

dart - 在 flutter 中使用 import 'dart:html' - 我需要额外的依赖

flutter - 异常 : ideviceinfo returned an error: ERRO

date - 在 Dart 中仅比较 DateTimes 的日期

android - 为了解决 'google-services.json is missing',我

dart - Flutter 从不同的 dart 文件访问父 Scaffold

dart - Flutter ButtonRow 填充

flutter - Flutter 中 RecyclerView 的替代方案是什么?

listview - Flutter:防止边缘削波