Flutter 实现 iOS 小组件与主 App 的通信

前言

在 Flutter 项目中实现 iOS 小组件与主 App 的通信,主要依赖于 App Groups 技术,以下是具体实现步骤和注意事项。

配置 App Groups

在 Xcode中为 Flutter 主应用(Runner)和 Widget Extension 配置相同的App Group 标识符(如 group.com .company.myApp)。

  1. 操作路径:项目的 Signing & Capabilities→ 添加App Groups → 输入唯一标识符
  2. 需确保主应用和小组件扩展的 Bundle Identifier 均属于同一开发者账号,否则无法启用 App Groups

UserDefaults 数据共享

Flutter 端

通过 home_widget 插件设置 App Group ID 并保存数据:

  1. 安装 home_widget 插件

    flutter pub add home_widget

  2. 使用
    home_widget插件官方使用文档

    HomeWidget.setAppGroupId('group.com.company.myApp'); // 初始化
    HomeWidget.saveWidgetData<String>('key', 'value'); // 保存数据

iOS 原生端 (小组件)

通过 UserDefaults(suiteName:) 读取数据:

复制代码
 let sharedDefaults = UserDefaults(suiteName: "group.com.company.myApp")
 let value = sharedDefaults?.string(forKey: "key") ?? ""

主动刷新小组件

主动刷新 iOS 小组件

复制代码
  HomeWidget.updateWidget(
      iOSName: 'TikuWidget',
    );

结语

通过 App Group 和 home_widget 插件 我们就轻松实现了 Flutter 项目中的 iOS 小组件与主 App 的通信。


感谢您的阅读和参与,HH思无邪愿与您一起在技术的道路上不断探索。如果您喜欢这篇文章,不妨留下您宝贵的赞!如果您对文章有任何疑问或建议,欢迎在评论区留言,我会第一时间处理,您的支持是我前行的动力,愿我们都能成为更好的自己!

相关推荐
2501_916013741 天前
苹果应用上架全流程指南 iOS 应用发布步骤、App Store 审核流程、ipa 文件上传与 uni-app 打包实战经验
android·ios·小程序·uni-app·cocoa·iphone·webview
GeniuswongAir1 天前
Flutter实现滑动页面停留吸附
前端·javascript·flutter
2501_915921431 天前
HTTPS 映射如何做?(HTTPS 映射配置、SNI 映射、TLS 终止、内网映射与 iOS 真机验证实战)
android·网络协议·ios·小程序·https·uni-app·iphone
xiAo_Ju1 天前
Xcode 26 option分屏设置
ios
潜龙95272 天前
第6.3节 iOS Agent开发<一>
ios
开开心心loky2 天前
[iOS] OC高级编程 - 引用计数 (1)
macos·ios·objective-c·cocoa
2501_915106322 天前
iOS 混淆与机器学习模型保护 在移动端保密权重与推理逻辑的实战指南(iOS 混淆、模型加密、ipa 加固)
android·人工智能·机器学习·ios·小程序·uni-app·iphone
低调小一2 天前
从Android到iOS:启动监控实现的跨平台技术对比
android·ios·cocoa
2501_915909062 天前
iOS 26 耗电检测实战攻略,如何测电量掉速、定位高耗能模块与优化策略(适用于 uni-app 原生 App)
android·ios·小程序·uni-app·cocoa·iphone·webview