Flutter 通知栏消息推送

此博文要实现的通知栏的消息推送如下图所示:
Flutter 通知栏消息推送_第1张图片

通知栏的消息推送可简单分为本地消息推送和网络消息推送。
这里主要介绍的是本地消息推送。
使用的package是官方发布的flutter_local_notifications,版本是3.0.3,官方地址如下:
https://pub.flutter-io.cn/packages/flutter_local_notifications

下面介绍其简单的使用方法:

1、首先获取package:

在pubspec.yaml中添加

dependencies:
       flutter_local_notifications: ^0.4.4+2

执行package get。

2、添加安卓权限:

在安卓文件夹中的app\src\profile\AndroidManifest.xml中添加权限:

<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
进行初始化:
  final FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();

  @override
  void initState() {
    super.initState();
    var android = new AndroidInitializationSettings('@mipmap/ic_launcher');
    final InitializationSettings initializationSettings = InitializationSettings(android: android);
    flutterLocalNotificationsPlugin.initialize(initializationSettings,);
  }
  
  Future<void> _showNotification() async {
    const AndroidNotificationDetails androidPlatformChannelSpecifics =
    AndroidNotificationDetails(
        'your channel id', 'your channel name', 'your channel description',
        importance: Importance.max,
        priority: Priority.high,
        ticker: 'ticker');
    const NotificationDetails platformChannelSpecifics = NotificationDetails(android: androidPlatformChannelSpecifics);
    await flutterLocalNotificationsPlugin.show(0, 'plain title', 'plain body', platformChannelSpecifics,payload: 'item x');
  }

上边的 ‘your channel id’, ‘your channel name’, ‘your channel description’ 是需要修改的,id是一个应用可以有多个通知;name将在通知设置告诉用户是何种通知;description是该通知的描述。
plain title是通知的标题,也需要按需修改,plain body是通知的内容,按需修改。

3、调用通知:
onPressed: () async {
    await _showNotification();
}

直接调用这个函数即可(参数自调)。

4、通知栏通知点击后的需要执行的操作:

修改初始化时的该句参数如下:

await flutterLocalNotificationsPlugin.initialize(initializationSettings,
    onSelectNotification: selectNotification);
  • 需要注意的是使用await后就不能存放到 void initState() {} 函数中了,需要单独领出来。

同时实现对应函数:

Future selectNotification(String payload) async {
    if (payload != null) {
      debugPrint('notification payload: $payload');
    }
    await Navigator.push(
      context,
      MaterialPageRoute<void>(builder: (context) => SecondScreen(payload)),
    );
}

如果没有达到预期,请查看是否开启了软件的通知权限,仍不能解决,请重新build apk。

更多细节及更多实现形式请参阅官方页面如上连接。

你可能感兴趣的:(Flutter,安卓,flutter,flutter_local_n,通知栏消息推送,本地消息推送)