【限时免费】 【保姆级超详细还免费（flutter_subscreen_plugin） 新手指导】

【保姆级超详细还免费（flutter_subscreen_plugin） 新手指导】

【免费下载链接】flutter_subscreen_plugin 【Flutter双屏通信引擎】支持 Android 设备双屏显示，主副屏皆使用 flutter 绘制，通过 channel 双引擎实现主副屏通信交互。 项目地址: https://gitcode.com/cashier/flutter_subscreen_plugin

1. 项目基础介绍和编程语言

Flutter双屏通信引擎是一款专为安卓双屏设备设计的开源插件，支持主副屏均使用Flutter开发。核心功能是通过双引擎通信机制实现跨屏交互，适用于收银系统等商业场景。

• 编程语言：Dart（Flutter框架）
• 适用平台：Android（需支持多屏显示硬件）

2. 项目优势

• 统一技术栈：主副屏均用Flutter开发，降低维护成本
• 高效通信：基于Channel的双引擎通信，延迟低
• 功能完备：提供权限管理、副屏控制、插件扩展等能力
• 兼容性强：适配多种双屏设备分辨率

3. 项目技术栈与依赖环境

技术栈	版本要求
Flutter	≥2.0.0
Dart	≥2.12.0
Android SDK	API Level ≥21

4. 准备工作

1. 安装Flutter SDK并配置环境变量
2. Android Studio中启用「USB调试」模式
3. 准备一台支持双屏显示的安卓设备（或模拟器）

5. 安装步骤详解

步骤1：添加依赖

在pubspec.yaml中添加：

dependencies:
  flutter_subscreen_plugin: ^1.0.8

执行命令：

flutter pub get

步骤2：主副屏入口配置

void main() {
  if (window.defaultRouteName == "subMain") {
    runApp(SubApp()); // 副屏
  } else {
    runApp(MainApp()); // 主屏
  }
}

步骤3：权限申请（可选）

// 检查Overlay权限
SubScreenPlugin.checkOverlayPermission((result) {
  if (!result) SubScreenPlugin.requestOverlayPermission();
});

步骤4：通信示例

主屏发送数据：

SubScreenPlugin.sendMsgToViceScreen("updatePrice", params: {"value": "￥99"});

副屏接收数据：

SubScreenPlugin.viceStream.listen((event) {
  print("收到数据：${event.arguments}");
});

6. 常见问题解决

问题现象	解决方案
副屏无法显示	检查设备是否支持多屏，确认autoShowSubScreenWhenInit配置为true
通信数据丢失	确保主副屏使用相同插件版本
Overlay权限申请失败	手动在系统设置中授权悬浮窗权限

7. 应用案例

• 零售收银系统：主屏操作订单，副屏显示金额/广告
• 餐饮点餐终端：主屏点餐，副屏展示订单详情
• 银行柜台设备：主屏办理业务，副屏展示确认信息

提示：运行效果可通过文首图示查看完整交互流程

【免费下载链接】flutter_subscreen_plugin 【Flutter双屏通信引擎】支持 Android 设备双屏显示，主副屏皆使用 flutter 绘制，通过 channel 双引擎实现主副屏通信交互。 项目地址: https://gitcode.com/cashier/flutter_subscreen_plugin