flutter desktop notifier 轻而易举实现桌面端系統通知
flutter desktop notifier 轻而易举实现桌面端系統通知
不管是桌面端还是移动端程序，大多数的程序都具备本地系统通知功能，flutter同样也具备这样的功能，但是需要使用插件，因为flutter是跨平台的，所以本地系统通知在不同平台实现也不同，目前好像没有能在所有平台都实现本地系统通知的插件，所以我们区分桌面端和移动端来实现相关本地系统通知功能，首先实现的是桌面端，使用local_notifier插件。 完成效果图如下：
win_toast插件
WinToast是一个用C++编写的轻量级库，它带来了Windows 8，Windows 10和Windows 11的现代Toast通知的完整集成。这个插件只针对windows系统，具有丰富的功能，因为只针对windows系统，所以我们暂时不使用它。
效果图：
local_notifier插件
local_notifier插件支持windwos、mac、linux系统的本地系统通知，是一个跨平台插件。我们使用此插件来实现系统通知功能。这个插件好久没有更新了，不知道以后还会不会有人维护。可能是使用的人没那么多吧。
定义全局变量notification
为了方便使用，我们定义全局变量
notification
,是一个LocalNotification 类,这样的话，在所有代码中都可以使用这个变量，因为我们只是测试使用，所以这样定义，实际情况中大家自己斟酌使用。我们传入标题"local notifier title"，内容"hello flutter!"，并添加两个按钮。
LocalNotification notification = LocalNotification(
title: "local notifier title",
body: "hello flutter!",
actions: [
LocalNotificationAction(text: 'OK'),
LocalNotificationAction(text: 'Close'),
);效果图：
LocalNotification有6个参数：
String? identifier：唯一识别码
required String title：通知的标题
String? subtitle：通知内容的标题
String? body：内容的主体
bool silent = false：在发送通知时是否静音
List<LocalNotificationAction>? actions：通知中显示的按钮LocalNotification有5个方法可以使用：
onShow：通知显示时调用
onClose：通知关闭时调用
onClick：通知点击时调用
onClickAction：通知中的按钮被点击时调用
show：显示通知不知道为什么，在windwos下传入subtitle参数没有生效，如果有大佬知道请指点迷津。
实例化localNotifier
我们需要用到一个实例化的 LocalNotifier 对象，调用setup方法进行设置。 appName是应用程序的名称，会在通知中显示。
WidgetsFlutterBinding.ensureInitialized();
await localNotifier.setup(
appName: 'Desktop Notifier',
// The parameter shortcutPolicy only works on Windows
shortcutPolicy: ShortcutPolicy.requireCreate,
);设置通知发生时的交互
我们可以设置一些交互动作，监听通知是否被人点击或关闭，进而实现一些交互操作。通过notification.onShow设置通知发生时的一些操作，通过notification.onClick设置通知被点击时进行何种操作。同理可以监听通知关闭和按钮被点击事件，按钮点击事件可以通过索引来判断哪一个按钮被点击。我们这里只是单纯打印相关事件。
notification.onShow = () {
print('onShow ${notification.identifier}');
notification.onClose = (closeReason) {
// Only supported on windows, other platforms closeReason is always unknown.
switch (closeReason) {
case LocalNotificationCloseReason.userCanceled:
// do something
break;
case LocalNotificationCloseReason.timedOut:
// do something
break;
default:
print('onClose $closeReason');
notification.onClick = () {
print('onClick ${notification.identifier}');
notification.onClickAction = (actionIndex) {
print('onClickAction $actionIndex');
if (actionIndex == 1) {
notification.close();
};效果图：
notification的方法
notification有几个方法，我们可以主动对其操作，我们在按钮中调用notification.show()，实现点击按钮发送通知效果。此外还有close()和 destroy()方法，可以对通知进行关闭和销毁。
TextButton(
onPressed: () {
notification.show();
child: const Text("Show Notifier"),
),效果图
总结
利用local_notifier基本上可以满足我们的日常使用需求了，上述代码简单的实现了相关功能，希望后续这个插件能继续更新，完善和添加更多功能。
完整代码
import 'package:local_notifier/local_notifier.dart';
LocalNotification notification = LocalNotification(
title: "local notifier title",
body: "hello flutter!",
actions: [
LocalNotificationAction(text: 'OK'),
LocalNotificationAction(text: 'Close'),
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await localNotifier.setup(
appName: 'Desktop Notifier',
shortcutPolicy: ShortcutPolicy.requireCreate,
notification.onShow = () {
print('onShow ${notification.identifier}');
notification.onClose = (closeReason) {
switch (closeReason) {
case LocalNotificationCloseReason.userCanceled:
break;
case LocalNotificationCloseReason.timedOut:
break;
default:
print('onClose $closeReason');
notification.onClick = () {
print('onClick ${notification.identifier}');
notification.onClickAction = (actionIndex) {
print('onClickAction $actionIndex');
if (actionIndex == 1) {
notification.close();
runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: const Scaffold(
body: MyHomePage(),
class MyHomePage extends StatelessWidget {
const MyHomePage({super.key});
@override
Widget build(BuildContext context) {
return Container(
child: Stack(
children: [
children: [
Lottie.asset(
'assets/147963-high-five.json',
TextButton(
onPressed: () {
notification.show();
child: const Text("Show Notifier"),