【问题标题】:Flutter - how to get current context?Flutter - 如何获取当前上下文?
【发布时间】:2020-04-22 22:48:10
【问题描述】:

我正在使用 Firebase 云消息传递通知,当我在应用程序内收到通知时,我想显示一个对话框或快餐栏,我的问题是我正在初始化我的小部件树顶部的 firebase 配置(应用程序启动后的启动画面)

_fireBaseMessaging.configure(
  onMessage: (Map<String, dynamic> message) async {
    dynamic data = message['data'];
    ................ // Adding a snackbar/alertdialog here doesn't work
  },
);

显然,如果我设置了一个对话框或小吃栏,它不会显示,因为我需要当前页面的上下文,有没有办法获取当前上下文?

我也尝试将它放在启动屏幕的构建小部件中,但是一旦我在另一个页面上,对话框仍然没有显示。

 @override
  Widget build(BuildContext context) {
    _fireBaseMessaging.configure(
      onMessage: (Map<String, dynamic> message) async {
        print("onMessage: $message");
        dynamic data = message['data'];
        if (data['id'] == '1') {
          newPro = true;
        } else if (data['id'] == '2') {
          print("THIS WORKS!!!");
          showDialog(
              context: context,
              builder: (context) => AlertDialog(
                    content: ListTile(
                      title: Text("TEST"),
                      subtitle: Text("TEST"),
                    ),
                    actions: <Widget>[
                      FlatButton(
                        child: Text("OK"),
                        onPressed: () => Navigator.pop(context),
                      )
                    ],
                  ));
        }
      },
    );

【问题讨论】:

    标签: firebase flutter firebase-cloud-messaging


    【解决方案1】:

    因为将答案嵌入链接让我感到不舒服,所以这里是答案(感谢 Github 上的 xqwzts)。

    使用您可以从任何地方访问的 GlobalKey 进行导航:

    创建密钥:

    final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();
    

    将其传递给您的应用程序:

    new MaterialApp(
          title: 'MyApp',
          onGenerateRoute: generateRoute,
          navigatorKey: navigatorKey,
        );
    

    推送路线:

    navigatorKey.currentState.pushNamed('/someRoute');
    

    【讨论】:

      【解决方案2】:

      我遇到了完全相同的问题,但我在 GitHub 上找到了一个很棒的帖子。基本上,您可以创建一个 navigatorKey 并将其传递给 MaterialApp,然后使用该 navigatorKey 更改路由。

      在此线程中查看如何:https://github.com/brianegan/flutter_redux/issues/5#issuecomment-361215074

      【讨论】:

      • 这确实是一个精彩的线程。我认为这应该是公认的答案,因为这是解决所述问题的最佳方法
      • 谢谢我的朋友!!!它对我有很大帮助!!!
      【解决方案3】:

      我最终使用了 Overlay 支持:

      https://pub.dev/packages/overlay_support

      它基本上是在我的树的最开始被调用的,就像在 main.dart 中包装提供者一样,它就像一个魅力,没有其他任何作用! 这里还有一个对我帮助很大的教程:

      https://medium.com/flutter-community/in-app-notifications-in-flutter-9c1e92ea10b3

      【讨论】:

      • 使用包来完成小手段并不是一个很好的做法。根据经验,请确保在安装之前需要一半以上的包方法。
      【解决方案4】:

      在树中第一个小部件的构建方法中进行初始化!它通常称为 App 小部件,它是 StateLess StateFull 小部件,在构建方法中您可以访问 BuildContext

      【讨论】:

      • 已经试过了,没用,正在打印,但没有显示对话框。
      猜你喜欢
      • 1970-01-01
      • 2021-12-03
      • 1970-01-01
      • 2022-11-13
      • 1970-01-01
      • 2012-06-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多