我正在使用 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),
)
],
));
}
},
);
我遇到了完全相同的问题，但我在 GitHub 上发现了一个很棒的线程。基本上，您可以创建一个导航键并将其传递给 MaterialApp，然后使用该导航键更改路线。
在此线程中查看如何： https://github.com/brianegan/flutter_redux/issues/5#issuecomment-361215074
我最终使用了覆盖支持：
https://pub.dev/packages/overlay_support
它基本上在我的树的开头被调用，就像 main.dart 上的包装提供程序一样，它就像一个魅力，其他任何东西都没有用！ 还有一个教程，对我有很大帮助：
https://medium.com/flutter-community/in-app-notifications-in-flutter-9c1e92ea10b3
因为将答案嵌入链接中让我感到不舒服，所以这是答案(归功于 Github 上的xqwzts(。
使用可从任何地方访问的全局键进行导航：
创建密钥：
final GlobalKey<NavigatorState> navigatorKey = new GlobalKey<NavigatorState>();
将其传递到您的应用：
new MaterialApp(
title: 'MyApp',
onGenerateRoute: generateRoute,
navigatorKey: navigatorKey,
);
推送路线：
navigatorKey.currentState.pushNamed('/someRoute');
这个问题的一个优雅的解决方案是使用GlobalKey。这将让你找到当前的BuildContext并用它做一些事情。
你制作一个名为 eg.global.dart看起来像这样：
import 'package:flutter/material.dart';
class GlobalVariable {
static final GlobalKey<NavigatorState> navState = GlobalKey<NavigatorState>();
}
您可以在main()中使用它，并像这样MaterialApp()：
import 'global.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
import 'fcm.dart'; // My Firebase Cloud Messaging code
import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'screens/welcome_screen.dart';
void main() {
print('Running main()');
WidgetsFlutterBinding.ensureInitialized();
Firebase.initializeApp();
initializeFcm('', GlobalVariable.navState); // Sending the global key when initializing Firebase Cloud Messaging
FirebaseMessaging.onBackgroundMessage(firebaseMessagingBackgroundHandler);
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: WelcomeScreen(),
navigatorKey: GlobalVariable.navState, // Putting the global key in the MaterialApp
);
}
}
然后，在处理Firebase Cloud Messaging的文件中(我已将其命名为fcm.dart(，您将能够使用该GlobalKey查找当前context并使用它，例如：
import 'package:blackbox/global.dart';
import 'online_screens/game_hub_screen.dart';
import 'package:flutter/material.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_messaging/firebase_messaging.dart';
void initializeFcm(String token, GlobalKey myGlobalKey) async {
print('Initializing Firebase Cloud Messaging...');
await Firebase.initializeApp();
FirebaseMessaging.onMessageOpenedApp.listen((remoteMsg) {
// Using the currentContext found with GlobalKey:
Navigator.push(GlobalVariable.navState.currentContext, MaterialPageRoute(builder: (context) {
return GameHubScreen();
}));
});
}
在树中第一个小部件的构建方法中进行初始化！ 通常它称为应用程序小部件，它是无状态状态完整小部件，在构建方法中，您可以访问 BuildContext