我正在使用本地通知插件,并且一切正常,除了当我点击通知时。我想在用户点击通知时导航到特定屏幕
Future onSelectNotification(String payload) async {
//convert payload json to notification model object
try{
Map notificationModelMap = jsonDecode(payload);
NotificationModel model = NotificationModel.fromJson(notificationModelMap);
await Navigator.push(
context,// it`s null!
new MaterialPageRoute(
builder: (context) => CommitmentPage(model)));}
catch(e){print(e.toString());}
}
,但上下文始终为空,并给了我一个例外
NoSuchMethodError: The method 'ancestorStateOfType' was called on null
。
修改
我尝试使用navigatorKey并将其传递给@GünterZöchbauer建议的材料应用程序,但这给了我另一个例外
Navigator operation requested with a context that does not include a Navigator.
The context used to push or pop routes from the Navigator must be that of a widget that is a descendant of a Navigator widget
main.dart
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
static final navigatorKey = new GlobalKey<NavigatorState>();
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
navigatorKey:navigatorKey ,
title: 'notification',
theme: ThemeData(
primarySwatch: Colors.purple,
),
home: new RootPage(auth: new Auth(),),
);
}
}
ReminderPage
class ReminderPage extends StatefulWidget {
@override
_ReminderPageState createState() => _ReminderPageState();
}
class _ReminderPageState extends State<ReminderPage> {
final flutterLocalNotificationsPlugin = new FlutterLocalNotificationsPlugin();
....
@override
void initState() {
super.initState();
_initLocalNotification();
....
}
// this method is called when u tap on the notification
Future onSelectNotification(String payload) async {
//convert payload json to notification model object
Map notificationModelMap = jsonDecode(payload);
NotificationModel model = NotificationModel.fromJson(notificationModelMap);
try{
await Navigator.push(
MyApp.navigatorKey.currentState.context,
new MaterialPageRoute(
builder: (context) => CommitmentPage(model)));}
catch(e){print(e.toString());}
}
}
编辑2 而不是使用
await Navigator.push(
MyApp.navigatorKey.currentState.context,
new MaterialPageRoute(
builder: (context) => CommitmentPage(model)));}
catch(e){print(e.toString());}
我用过
await MyApp.navigatorKey.currentState.push(MaterialPageRoute(builder: (context) => CommitmentPage(model)));
,它工作正常,但是当我在终止应用程序后点击通知时,它把我带到首页,而不是所需的页面! 我认为navigatorKey尚未初始化!
答案 0 :(得分:1)
将navigatorKey
传递到MaterialApp
并使用此键获取上下文。此上下文包含一个Navigator
,您可以使用它来切换到所需的任何页面。
https://docs.flutter.io/flutter/material/MaterialApp/navigatorKey.html
答案 1 :(得分:1)
使用最新的更改将您带到主页,这与在应用程序中进一步实例化并初始化插件的页面有关。考虑到该应用程序被杀死,该插件也将被杀死。您应该考虑在应用启动时更接近地初始化插件,例如创建应用程序的时间或创建首页的时间,具体取决于您想要的行为。在本期https://github.com/MaikuB/flutter_local_notifications/issues/99中,另一位开发人员已经能够在应用被终止时更改显示的第一页,但这可能与您想要发生的事情不同。
答案 2 :(得分:1)
1. FMC 有效载荷
{
"notification": {
"body": "Hey, someone book your product",
"title": "production booking"
},
"priority" : "high",
"data": {
"action" : "BOOKING" //to identify the action
},
"to": "deviceFCMId"
}
2.在 localnotification.show 方法中设置有效载荷数据
showNotification(RemoteMessage message) {
RemoteNotification notification = message.notification;
AndroidNotification android = message.notification?.android;
String action = message.data['action']; // get the value set in action key from FCM Json in Step1
// local notification to show to users using the created channel.
if (notification != null && android != null) {
flutterLocalNotificationsPlugin.show(
notification.hashCode,
notification.title,
notification.body,
NotificationDetails(
android: androidNotificationDetails, iOS: iOSNotificationDetails),
payload: action // set the value of payload
);
}
}
3.在 MyApp 类中创建一个 navigatorKey
class _MyAppState extends State<MyApp> {
final GlobalKey<NavigatorState> navigatorKey =
GlobalKey(debugLabel: "Main Navigator"); //
}
4.在 MaterialApp 上设置导航键
@override
Widget build(BuildContext context) {
//this change the status bar color to white
return MaterialApp(
navigatorKey: navigatorKey,
....
5.在 initState 上,初始化 localnotificationPlugin 并声明 onSelectNotification 方法
@override
void initState() {
super.initState();
flutterLocalNotificationsPlugin.initialize(initializationSettings,
onSelectNotification: onSelectNotification);
}
Future<dynamic> onSelectNotification(payload) async {
// implement the navigation logic
}
6.导航逻辑示例
Future<dynamic> onSelectNotification(payload) async {
// navigate to booking screen if the payload equal BOOKING
if(payload == "BOOKING"){
this.navigatorKey.currentState.pushAndRemoveUntil(
MaterialPageRoute(builder: (context) => BookingScreen()),
(Route<dynamic> route) => false,
);
}
}