Flutter跨平台通知插件universal_notifier的使用

Flutter跨平台通知插件universal_notifier的使用

universal_notifier 是一个简单的 Dart 包，实现了基于流的通知器。这个包最初是为了满足个人需求而创建的，因此虽然它应该可以正常工作，但目前还没有测试或示例。

对于文档，请访问 pub.dev！

该包的关键区别在于其级联集合。这些级联集合也会在它们的子集通知它们的监听者时通知它们自己的监听者。

示例代码

以下是一个完整的示例代码，展示了如何使用 universal_notifier 插件。

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Universal Notifier Example')),
        body: NotificationDemo(),
      ),
    );
  }
}

class NotificationDemo extends StatefulWidget {
  @override
  _NotificationDemoState createState() => _NotificationDemoState();
}

class _NotificationDemoState extends State<NotificationDemo> {
  final notifier = ValueNotifier<int>(0);

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        // 显示当前值
        Text('Current Value: ${notifier.value}'),
        SizedBox(height: 20),
        // 按钮用于改变值
        ElevatedButton(
          onPressed: () {
            notifier.value++;
          },
          child: Text('Increment Value'),
        ),
        SizedBox(height: 20),
        // 监听值的变化并显示
        ValueListenableBuilder<int>(
          valueListenable: notifier,
          builder: (context, value, _) {
            return Text('Value Changed: $value');
          },
        ),
      ],
    );
  }
}

说明

1. 导入库：

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

2. 主应用类：

   void main() {
     runApp(MyApp());
   }
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         home: Scaffold(
           appBar: AppBar(title: Text('Universal Notifier Example')),
           body: NotificationDemo(),
         ),
       );
     }
   }
   

3. NotificationDemo 类：

   class NotificationDemo extends StatefulWidget {
     @override
     _NotificationDemoState createState() => _NotificationDemoState();
   }
   

4. _NotificationDemoState 类：

   class _NotificationDemoState extends State<NotificationDemo> {
     final notifier = ValueNotifier<int>(0); // 创建一个 ValueNotifier
   
     @override
     Widget build(BuildContext context) {
       return Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
           // 显示当前值
           Text('Current Value: ${notifier.value}'),
           SizedBox(height: 20),
           // 按钮用于改变值
           ElevatedButton(
             onPressed: () {
               notifier.value++; // 改变值
             },
             child: Text('Increment Value'),
           ),
           SizedBox(height: 20),
           // 监听值的变化并显示
           ValueListenableBuilder<int>(
             valueListenable: notifier,
             builder: (context, value, _) {
               return Text('Value Changed: $value');
             },
           ),
         ],
       );
     }
   }