flutter ios 点击通知

原创

mob64ca12f09e0c 2024-11-29 06:59:27 ©著作权

©著作权归作者所有：来自51CTO博客作者mob64ca12f09e0c的原创作品，请联系作者获取转载授权，否则将追究法律责任

Flutter iOS 点击通知的实现

引言

随着移动应用的发展，通知功能成为了用户体验中不可或缺的一部分。在Flutter中，我们可以很方便地实现本地和推送通知。在这篇文章中，我们将重点讨论如何在iOS上处理用户点击通知的事件，并提供相应的代码示例与序列图，帮助开发者理解这一过程。

通知基础知识

在Flutter中，我们可以使用flutter_local_notifications插件实现本地通知，或使用firebase_messaging插件实现远程推送通知。在我们处理用户点击通知的事件时，无论是本地通知还是远程推送，整体流程都是相似的。

设置插件

首先，你需要在你的Flutter项目中配置相应的插件。在pubspec.yaml文件中添加下列依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_local_notifications: ^11.0.0
  firebase_messaging: ^14.0.0

然后运行 flutter pub get 来安装这些插件。

配置iOS应用

在iOS平台中，我们需要在ios/Runner/Info.plist中添加一些权限请求信息。为了让应用能够接收通知，你可以添加以下内容：

<key>UIBackgroundModes</key>
<array>
    <string>fetch</string>
    <string>remote-notification</string>
</array>
<key>FirebaseAppDelegateProxyEnabled</key>
<false/>
<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

发送本地通知示例

在Flutter中，你可以使用flutter_local_notifications插件发送本地通知。以下是一个简单的本地通知发送示例：

import 'package:flutter/material.dart';
import 'package:flutter_local_notifications/flutter_local_notifications.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: NotificationScreen(),
    );
  }
}

class NotificationScreen extends StatefulWidget {
  @override
  _NotificationScreenState createState() => _NotificationScreenState();
}

class _NotificationScreenState extends State<NotificationScreen> {
  FlutterLocalNotificationsPlugin flutterLocalNotificationsPlugin;

  @override
  void initState() {
    super.initState();
    flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();
    var initializationSettingsAndroid =
        AndroidInitializationSettings('@mipmap/ic_launcher');
    var initializationSettingsIOS = IOSInitializationSettings();
    var initializationSettings = InitializationSettings(
      android: initializationSettingsAndroid,
      iOS: initializationSettingsIOS,
    );

    flutterLocalNotificationsPlugin.initialize(initializationSettings,
        onSelectNotification: onSelectNotification);
  }

  Future<void> showNotification() async {
    var androidPlatformChannelSpecifics = AndroidNotificationDetails(
      'your_channel_id',
      'your_channel_name',
      channelDescription: 'your_channel_description',
      importance: Importance.max,
      priority: Priority.high,
      ticker: 'ticker',
    );
    var iOSPlatformChannelSpecifics = IOSNotificationDetails();
    var platformChannelSpecifics = NotificationDetails(
      android: androidPlatformChannelSpecifics,
      iOS: iOSPlatformChannelSpecifics,
    );
    await flutterLocalNotificationsPlugin.show(
      0,
      'Hello, Flutter!',
      'Click me to open.',
      platformChannelSpecifics,
    );
  }

  Future onSelectNotification(String payload) async {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(
        title: Text('Notification clicked!'),
        content: Text(payload ?? 'No payload'),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Local Notification Example'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: showNotification,
          child: Text('Show Notification'),
        ),
      ),
    );
  }
}

关键点

初始化通知：创建FlutterLocalNotificationsPlugin实例，并在initState中进行初始化。
发送通知：使用showNotification方法以触发通知，并设置不同的渠道信息。
响应点击事件：在initialize方法中，注册onSelectNotification回调，以处理用户点击通知的事件。

序列图

以下是当用户点击通知时的交互流程的序列图：

sequenceDiagram
    participant User
    participant App
    participant NotificationService

    User->>NotificationService: 点击通知
    NotificationService->>App: 触发onSelectNotification
    App-->>User: 展示对话框