Flutter macOS原生控件集成插件flutter_macos_widget的使用

flutter_macos_widget

Flutter库用于macOS WidgetKit和Widget通信。

使用方法

1. Flutter

首先，您需要在项目中导入flutter_macos_widget包：

import 'package:flutter_macos_widget/flutter_macos_widget.dart';

然后，创建一个FlutterMacosWidget实例，并指定共享组名（appGroup）：

final widgetKit = FlutterMacosWidget("appGroup");

通过以下方法与Widget进行通信：

• set(key, value)：设置键值对。
• get(key)：获取指定键的值。
• remove(key)：移除指定键的值。

强制重新加载所有macOS小部件：

FlutterMacosWidget.reloadAllTimelines();

强制重新加载特定类型的小部件：

FlutterMacosWidget.reloadTimelines("ofKind");

2. Swift

在Swift中，您可以使用UserDefaults来访问相同的共享数据：

let value = UserDefaults(suiteName: "appGroup")!.string(forKey: "key")

示例代码

以下是一个完整的示例，展示如何在Flutter应用中使用flutter_macos_widget插件。

示例代码

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

import 'package:flutter/services.dart';
import 'package:flutter_macos_widget/flutter_macos_widget.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  [@override](/user/override)
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final widgetKit = FlutterMacosWidget("4X59PHA385.com.example");

  [@override](/user/override)
  void initState() {
    super.initState();
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    final textController = TextEditingController();
    final textController1 = TextEditingController();

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Flutter MacOS Widget Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text(
                'Enter Value',
              ),
              Container(
                margin: const EdgeInsets.only(left: 20, right: 20, bottom: 10),
                child: TextField(controller: textController),
              ),
              TextButton(
                onPressed: () {
                  widgetKit.set('value', textController.text);
                  FlutterMacosWidget.reloadAllTimelines();
                },
                child: Text('Update'),
              ),
              TextButton(
                onPressed: () {
                  widgetKit.remove('value');
                  FlutterMacosWidget.reloadAllTimelines();
                },
                child: Text('Remove'),
              ),
              TextButton(
                onPressed: () async {
                  textController1.text = await widgetKit.get("value");
                },
                child: Text('Get'),
              ),
              Container(
                margin: const EdgeInsets.only(left: 20, right: 20, bottom: 10),
                child: TextField(controller: textController1),
              ),
            ],
          ),
        ),
      ),
    );
  }
}