Flutter 鸿蒙化实战fluttertoast 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期大量常用三方库只有 Android / iOS 实现鸿蒙侧只能自己造轮子。为了解决这个问题CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配统一托管在 GitCode 的CPF-Flutter 组织 下全部通过 TAG 版本隔离、配套门禁编译验证开箱即用。本篇是系列文章之一主角是fluttertoast—— 原生 Toast 提示插件。## fluttertoast 是什么fluttertoast原库 9.0.0提供跨平台原生 Toast 轻提示-显示 ToastshowToast一行调用-时长SHORT/LONG-位置/样式gravity、背景色、字体样式可配。比SnackBar更轻、更贴近系统原生提示风格适合保存成功、复制提示等轻量反馈。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || — | — | — || 3.22 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos || 3.27 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos || 3.35 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos |已验证环境3.35 为例Flutter 3.35.8-ohos-0.0.1SDK 6.0.1(21)DevEco Studio 6.0.1.260ROM 6.0.0.120 SP6。 [!NOTE] 鸿蒙版当前适配 3.22 / 3.27 / 3.353.7 未在 README 兼容列表中。## 快速接入在 pubspec.yaml 中添加 git 依赖yamldependencies: fluttertoast: git: url: https://gitcode.com/CPF-Flutter/flutter_fluttertoast.git # 按你的 Flutter 框架版本从上方映射表选择对应 TAG ref: 9.0.0-ohos-1.0.0执行bashflutter pub get## 使用示例### 基础 Toastdartimport package:fluttertoast/fluttertoast.dart;Fluttertoast.showToast( msg: 保存成功, toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.BOTTOM, backgroundColor: Colors.black54, textColor: Colors.white, fontSize: 16.0,);### 完整示例复制提示 居中dartimport package:flutter/material.dart;import package:flutter/services.dart;import package:fluttertoast/fluttertoast.dart;class CopyPage extends StatelessWidget { const CopyPage({super.key}); override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text(复制示例)), body: Center( child: Column( children: [ const Text(https://gitcode.com/CPF-Flutter), FilledButton( onPressed: () async { await Clipboard.setData(const ClipboardData(text: https://gitcode.com/CPF-Flutter)); Fluttertoast.showToast( msg: 已复制到剪贴板, toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, backgroundColor: Theme.of(context).colorScheme.primary, textColor: Colors.white, ); }, child: const Text(复制), ), ], ), ), ); }}## API 支持一览| API | 说明 | ohos 支持 || — | — | — || showToast | 显示 Toast | yes || Toast.LENGTH_SHORT / LONG | 显示时长 | yes || ToastGravity | 显示位置 | yes || backgroundColor / textColor | 样式配置 | yes | [!TIP] ohos Support 为 yes 表示鸿蒙平台支持该能力使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库https://gitcode.com/CPF-Flutter/flutter_fluttertoast- 使用问题反馈请到 CPF-Flutter 社区 Issues 提交问题社区统一收集跟进本仓库 Issues 区亦可。## 系列预告截至目前CPF-Flutter 社区已完成250 个Flutter 三方库的 OpenHarmony 平台适配覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域完整的适配清单含每个库的版本映射表见-适配总览文档https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md-仓库组织https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解比如图片压缩flutter_native_image、扫码qr_code_scanner_plus、日历device_calendar、数据库sqflite等。如果你的 Flutter 应用正在计划适配鸿蒙欢迎关注 CPF-Flutter 组织也欢迎参与共建。 Flutter 鸿蒙化实战fluttertoast 适配 OpenHarmony## 前言随着鸿蒙生态的快速发展越来越多的 Flutter 应用需要适配 OpenHarmony 平台。但生态早期大量常用三方库只有 Android / iOS 实现鸿蒙侧只能自己造轮子。为了解决这个问题CPF-Flutter 社区对一批高频使用的 Flutter 三方库做了 OpenHarmony 平台适配统一托管在 GitCode 的CPF-Flutter 组织 下全部通过 TAG 版本隔离、配套门禁编译验证开箱即用。本篇是系列文章之一主角是fluttertoast—— 原生 Toast 提示插件。## fluttertoast 是什么fluttertoast原库 9.0.0提供跨平台原生 Toast 轻提示-显示 ToastshowToast一行调用-时长SHORT/LONG-位置/样式gravity、背景色、字体样式可配。比SnackBar更轻、更贴近系统原生提示风格适合保存成功、复制提示等轻量反馈。## 适配情况| Flutter 框架版本 | TAG 名称 | 分支名 || — | — | — || 3.22 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos || 3.27 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos || 3.35 | 9.0.0-ohos-1.0.0 | br_v9.0.0_ohos |已验证环境3.35 为例Flutter 3.35.8-ohos-0.0.1SDK 6.0.1(21)DevEco Studio 6.0.1.260ROM 6.0.0.120 SP6。 [!NOTE] 鸿蒙版当前适配 3.22 / 3.27 / 3.353.7 未在 README 兼容列表中。## 快速接入在 pubspec.yaml 中添加 git 依赖yamldependencies: fluttertoast: git: url: https://gitcode.com/CPF-Flutter/flutter_fluttertoast.git # 按你的 Flutter 框架版本从上方映射表选择对应 TAG ref: 9.0.0-ohos-1.0.0执行bashflutter pub get## 使用示例### 基础 Toastdartimport package:fluttertoast/fluttertoast.dart;Fluttertoast.showToast( msg: 保存成功, toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.BOTTOM, backgroundColor: Colors.black54, textColor: Colors.white, fontSize: 16.0,);### 完整示例复制提示 居中dartimport package:flutter/material.dart;import package:flutter/services.dart;import package:fluttertoast/fluttertoast.dart;class CopyPage extends StatelessWidget { const CopyPage({super.key}); override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: const Text(复制示例)), body: Center( child: Column( children: [ const Text(https://gitcode.com/CPF-Flutter), FilledButton( onPressed: () async { await Clipboard.setData(const ClipboardData(text: https://gitcode.com/CPF-Flutter)); Fluttertoast.showToast( msg: 已复制到剪贴板, toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, backgroundColor: Theme.of(context).colorScheme.primary, textColor: Colors.white, ); }, child: const Text(复制), ), ], ), ), ); }}## API 支持一览| API | 说明 | ohos 支持 || — | — | — || showToast | 显示 Toast | yes || Toast.LENGTH_SHORT / LONG | 显示时长 | yes || ToastGravity | 显示位置 | yes || backgroundColor / textColor | 样式配置 | yes | [!TIP] ohos Support 为 yes 表示鸿蒙平台支持该能力使用方式与 iOS / Android 保持一致。## 仓库地址- OpenHarmony 适配仓库https://gitcode.com/CPF-Flutter/flutter_fluttertoast- 使用问题反馈请到 CPF-Flutter 社区 Issues 提交问题社区统一收集跟进本仓库 Issues 区亦可。## 系列预告截至目前CPF-Flutter 社区已完成250 个Flutter 三方库的 OpenHarmony 平台适配覆盖权限管理、UI 组件、设备信息、位置服务、媒体处理、网络、支付等多个领域完整的适配清单含每个库的版本映射表见-适配总览文档https://gitcode.com/CPF-Flutter/docs/blob/main/ThirdpartyLibrarites.md-仓库组织https://gitcode.com/CPF-Flutter本系列后续会陆续挑选高频库展开讲解比如图片压缩flutter_native_image、扫码qr_code_scanner_plus、日历device_calendar、数据库sqflite等。如果你的 Flutter 应用正在计划适配鸿蒙欢迎关注 CPF-Flutter 组织也欢迎参与共建。