登录社区云，与社区用户共同成长
邀请您加入社区
位置服务跨端开发者久等啦！ Flutter SDK 正式上线，一份Dart 代码，双端跑通定位与地图
一、配置pubspec.yaml文件添加依赖sqljocky5: ^2.2.1添加后记得进行pub get二、在dart文件中import依赖包import 'package:sqljocky5/connection/connection.dart';import 'package:sqljocky5/connection/settings.dart';import 'package:sqljoc
数据模型通过finishedAt判断是否完成，通过关联记录成绩。挑战详情页：开始/继续/放弃/删除挑战，条件警告已写入的成绩不受影响。在成绩数达标时自动调用完成挑战；修改罚时后重新计算平均。计时页面：四阶段状态机，长按手势 + 键盘空格双操控，观察 15s 自动判罚，完成后弹出结果并返回。退出确认：三种决策（继续/暂存/放弃），无进度时直接退出。成绩详情：根据区分两种编辑路径，双向同步保持一致。W
/ Design Token 的类型系统// Token 唯一标识// Token 值（可以是原始值或引用其他 Token）// Token 类型// 描述// 所属层级// 主题变体（暗色模式等）themes?// 是否已废弃deprecated?: boolean;// 替代 TokenreplacedBy?: string;// 标签（用于分组和检索）tags?: string[];// 完
AI 辅助 UI 生成的核心价值，不在于"替代前端开发"，而在于"将设计稿到代码的转化过程工程化"。结构化描述是输入的精度保障，Token 约束是输出的边界约束，静态校验是质量的最后防线。三者缺一，生成结果就不可控。建立设计稿结构化描述规范，将 Figma 节点映射为统一的 JSON Schema。将 Design Token 以约束列表形式注入 Prompt，禁止 AI 使用硬编码值。实现生成代
本文介绍了如何在鸿蒙ArkTS中实现企业表单的响应式布局，通过onAreaChange监听容器尺寸变化，动态切换单列（小屏）和双列（大屏）布局。文章首先分析了ArkTS的布局体系和响应式设计方法，然后详细解析了核心代码实现，包括利用onAreaChange回调（类似于Flutter的LayoutBuilder）、计算属性驱动布局切换，以及双列表单的实现方式。该方案能有效适配手机、平板、PC等多种设
);每个统计项使用duration;= null;：数据不足（如 ao5 需要至少 5 次成绩）。valid：有效值。dnf：DNF 过多导致整体无效。数据模型：SolveEntry（成绩）、SolveGroup（分组）、PersonalBestRecord（PB），罚时通过统一处理。：核心控制器，管理成绩的录入、更新、删除，维护内存缓存。旧数据迁移：确保所有成绩都有有效分组 ID，兼容版本升级。
之前我们聊了挑战列表页面的 UI 设计，但点击某个挑战后，其实会进入挑战详情页面。而从详情页面，又能进入挑战计时页面和挑战尝试详情页面。这篇我们专门看看这几个页面的 UI 设计。是挑战的核心信息页，展示配置摘要、进行中的挑战、操作按钮和历史列表。页面内容从上到下依次是：摘要卡片展示挑战的核心配置信息：卡片包含四行信息：如果有未完成的挑战，在摘要卡片和操作按钮之间显示一个特殊卡片：这个卡片的设计要点
本文以AI故事续写器为例，全面解析鸿蒙生态下AI工具类应用的开发全流程。随着鸿蒙PC的发布，鸿蒙实现了"1+8+N"全场景战略布局，为AI创作类应用带来新机遇。文章从项目架构设计入手，详细介绍了采用ArkTS的分层开发实践，包括核心数据结构设计、页面布局实现、响应式适配策略等关键技术点。特别针对鸿蒙PC端的窗口化适配和Flutter框架对比进行了深入分析，并分享了离线Mock方案设计、性能优化等实
跨端 UI 一致性的核心挑战，在于组件的自适应需求与视口断点的全局性之间的矛盾。容器查询通过让组件根据自身容器宽度调整布局，解决了这个矛盾。是性能与功能的平衡点，只监听水平尺寸变化避免了不必要的重计算。跨端布局 Token 的统一定义和编译器生成，确保了 Web 端与 Flutter 端断点值和间距体系的一致性。落地路线建议：第一步，将现有媒体查询中的组件级断点迁移到容器查询，先从卡片、面板等独立
鸿蒙ArkTS自适应弹窗组件设计技术解析 摘要：本文探讨了在HarmonyOS API 24环境下，基于ArkTS语言实现自适应弹窗组件的关键技术方案。通过借鉴Flutter的FractionallySizedBox和LayoutBuilder布局理念，提出了一套完整的跨设备弹窗解决方案。该组件支持： 响应式布局（90%屏幕宽度+最大宽度约束） 动态高度（自动滚动机制） 内容插槽和按钮系统 深色模
Flutter 鸿蒙项目的调试比纯 Flutter 项目复杂得多，因为问题可能出在 Flutter 层、Platform Channel 层、ArkTS 层、系统 API 层。本文以食界探味为例，介绍 hdc 日志抓取、DevEco Studio 断点调试、Flutter DevTools 三方协同的排查方法，帮你建立"先查哪一层、后查哪一层"的调试直觉。
鸿蒙 Flutter 项目中存在两套图片资源体系：ArkTS 侧的 $r('app.media.*') 资源和 Flutter 侧的 assets/ 资源。在卡片场景中，ArkTS 卡片需要从本地资源加载图片，而 Flutter 应用内则通过网络 URL 或 CachedNetworkImage 加载。本文以食界探味的菜品图片为例，讨论两套资源体系的共存策略、命名冲突的避免方法、以及推荐数据在 A
数据模型：三层嵌套结构——TrainingPlan → TrainingDayGoal → TrainingSessionGoal，计划状态通过日期自动判断。：管理计划列表和选中状态，初始化时双重通知加载状态，选中逻辑带容错处理。：双 Box 设计（计划 + 进度），删除计划时级联清理进度记录，ID 生成使用时间戳 + 随机数。计划编辑器：Map<int, List> 管理每日目标，支持复制到其他
端到端设计工具链的自动化管线，通过引入 Design IR 中间表示层，将"设计稿到代码"的直接翻译，拆解为"解析-表示-生成-校验"四个可独立校验的阶段。Figma 解析器提取 Token、组件树和交互规格，Design IR 保留弹性布局语义而非固定尺寸，代码生成器在 Token 约束下输出结构化代码，质量守门在多维度上验证输出的合规性。落地路线：先实现 Figma Token 提取和组件树解
本文介绍了基于 ArkTS 与 HarmonyOS 6.0 开发的 AI 智能助手应用实践，重点阐述了该项目的架构设计与核心技术实现。项目采用 MVVM 分层架构，通过声明式 UI 和状态管理装饰器（如 @State、@Prop、@Provide/@Consume 等）构建响应式界面，实现了 AI 对话、多语言翻译和个性化设置三大功能模块。核心技术亮点包括流式数据渲染、UIContext 动画系统
本文介绍了在开源鸿蒙跨平台社区中，使用Flutter开发春节主题应用的技术实践。重点讲解了如何通过Lottie和flutter_animator两个库实现两种烟花效果： 电子烟花：使用Lottie加载本地JSON动画资源，实现无音效循环播放 手持烟花：利用flutter_animator创建点击触发的粒子效果，包含棍子和锥形火花 文章详细说明了库选型依据、环境适配要求、依赖配置步骤，并提供了完整代
AI原生”（AI Native）是HarmonyOS 6.0提出的核心概念。它意味着AI能力不再是操作系统的附加功能，而是深度融入系统每一层的基础能力。从内核层的AI调度，到框架层的智能体运行时，再到应用层的AI原生开发范式，AI贯穿了整个技术栈。在传统操作系统中，AI往往以SDK或服务的形式存在，应用需要主动调用AI接口才能获得智能能力。而在HarmonyOS 6.0中，智能体成为了一等公民，系
本文介绍了基于Flutter开发鸿蒙应用实现祝福卡片功能的实战方案。主要内容包括： 技术选型 使用screenshot库实现Widget截图功能 采用鸿蒙化分支的share_plus实现分享功能 通过自定义贴纸逻辑替代第三方库，确保鸿蒙兼容性 功能实现 采用"分类列表+详情卡片"的界面结构 详情页支持添加/拖动贴纸 一键截图并调用系统分享功能 多端适配 详细说明鸿蒙平台的特殊配置 提供各平台的适配
本文介绍了如何在Flutter项目中集成curved_navigation_bar和font_awesome_flutter两个开源库，以创建具有弧形底部导航栏的跨平台应用。主要内容包括： 库的核心价值与适用场景： curved_navigation_bar提供带弧形动画的导航栏，适用于需要视觉差异的应用 font_awesome_flutter提供2000+矢量图标，满足多端一致性需求 环境适配
设计 Token 的多主题管理，核心在于建立原始层-语义层-组件层的三层架构，将主题切换从全量覆盖转变为分层叠加。原始层提供不变的基础值，语义层承载主题差异，组件层承载密度和尺寸差异。通过分层，主题组合数从笛卡尔积降为线性叠加，维护成本大幅降低。落地路线建议：首先建立 Token 定义规范和校验器，确保所有 Token 都有正确的类型和格式；然后实现 Token 编译器，支持 CSS、React
前端动效的物理真实感，源于对运动数学模型的正确选择。贝塞尔曲线是时间-位移的几何映射，适合时长确定的过渡场景；弹簧模型是力-加速度的物理仿真，适合需要过冲回弹和可中断性的交互场景。工程落地的核心步骤：首先用半隐式欧拉法实现弹簧数值求解器，保证高刚度参数下的数值稳定性；然后封装驱动器，处理 deltaTime 限制和动画生命周期管理；最后根据交互场景的物理特性选择弹簧或贝塞尔方案，并始终为用户提供降
项目背景与需求分析系统架构设计 客户端：Flutter（Android + Windows）服务器：Node.js + Express + SQLite通信：WebSocket + HTTP Relay 核心技术实现 ECDH 密钥交换 + AES-256-GCM 加密局域网 mDNS 设备发现广域网 Relay 中继传输文件分块传输与断点续传 踩坑经验 Flutter WebSocket 不处理
1. 什么时候该选 Flutter？公司是初创团队，急需最快速度把产品在 iOS 和 Android 双端上线试错。App 主要是信息展示、电商购物、社区社交、表单交互（比如大部分的商城、新闻、打车软件）。公司缺乏充足的预算去养两支原生开发团队。你希望在不同系统版本下，UI 展现出绝对的一致性。2. 什么时候该选 Kotlin（原生/KMP）？App 严重依赖系统底层和硬件交互（如：专业的相机修图
总结： 对于绝大多数以信息展示、表单交互、电商、社交为主的商业 App 来说，底层硬件交互的需求并不多。很多公司（尤其是初创公司和中大型企业的创新业务部门）喜欢使用 Flutter 开发。App，主要是因为它在开发成本、开发效率和运行性能之间找到了一个极佳的平衡点。能够让公司用一半的成本和时间，做出体验不打折扣的。App，这正是它在商业开发中大受欢迎的根本原因。
鸿蒙Flutter音乐播放器开发摘要 本文深入探讨了使用Flutter框架开发鸿蒙系统音乐播放器的核心技术方案。系统采用分层架构设计，包含表现层、业务逻辑层、数据层和鸿蒙集成层，实现跨设备音乐体验。核心技术选型结合了just_audio、audio_service等音频处理库和鸿蒙分布式能力。核心音频引擎实现了多设备流转、分布式控制和高品质音频处理功能，通过Isolate进行后台音频处理，并支持均
本文介绍了基于鸿蒙生态的智能健身应用开发方案。该应用通过Flutter框架实现跨设备协同，整合手机、智能手表和智慧屏，为用户提供个性化健身指导。核心功能包括：1）基于用户数据的智能训练计划生成；2）实时动作纠正引擎；3）多设备训练管理；4）可视化数据分析。技术架构采用鸿蒙分布式能力，结合计算机视觉和健康大数据分析，支持家庭健身、户外运动等多种场景。项目亮点在于实现专业级私教服务的移动化，让用户随时
工业安全风险评估系统基于Kotlin Multiplatform和OpenHarmony平台开发，实现工业安全的多维度监测与智能评估。系统通过设备状态、操作规范、安全防护、员工意识和应急预案五个关键指标，采用加权算法计算综合评分并划分安全等级（A-E级）。核心功能包括实时安全监测、智能风险评估、分级改进建议和价值评估支持。技术架构采用Kotlin实现核心算法，JavaScript作为中间层，Ark
Flutter状态管理是应用开发的核心命题，本文系统讲解了从基础到进阶的解决方案。首先区分了局部状态（StatefulWidget+setState）和全局状态（Provider/Bloc/GetX）的不同管理策略，针对局部状态推荐使用ValueNotifier优化性能。重点分析了主流框架Provider的实现原理，通过ChangeNotifier实现响应式状态共享，并以主题切换为例演示了状态定义
Flutter的Shared Preferences插件是一个轻量级数据持久化工具，支持跨平台存储键值对数据。它提供简洁API，支持多种数据类型（int、double、bool、String和List<String>），并针对鸿蒙平台进行了适配（需API 12+）。通过异步方式获取实例后，开发者可以轻松实现数据的存取、删除和检查操作。插件还支持设置键前缀、重新加载数据等功能，并内置缓存
如上面所示，webview_devtools_remote_43406 即为我们要调试的页面。如果要在 Webview 注入 js 代码，可在 Web 组件配置处使用。页面，观察页面中RemoteTarget 处出现了相关页面。运行 App，使用 hdc 命令连接设备，查找相关端口。，弹出 DevTools 窗口，开启页面调度。方法注入 JavaScript 脚本，如。将设备中的端口转发到开发电脑
随后在 demo 工程中对插件进行功能调用测试，仔细观察其运行状态，若一切正常，便意味着我们已成功攻克鸿蒙 Flutter plugin 开发的关键节点，可进一步深入挖掘 ios/android native 逻辑，开启更为复杂和强大的 ohos plugin 开发之旅，为鸿蒙生态的繁荣添砖加瓦。在 demo portal/module 的 pubspec.yaml 文件中，我们要严谨地对插件进行
1历时 295 天，纯血鸿蒙微信 App 登陆应用商店1 月 9 日晚，搭载纯血鸿蒙操作系统微信 App 正式登陆华为应用商城，版本号为 1.0.3.42。相比此前的测试版本，正式版微信功能更加齐全，基础通讯、社交、微信支付、公众号、小程序、视频号及直播等功能齐备，使用上已经与其他平台无异。但目前版本的部分功能仍在进一步迭代中，可能会受到限制或暂时不可用。当正式版本上线之际，，腾讯官方账号“鹅厂黑
Sliver下面我们将通过一个具体的例子，演示如何使用Sliver和来实现一个自定义的滚动效果。假设我们要实现一个页面，其中包含一个固定的标题栏和一个自定义的列表，在滚动时，标题栏逐渐消失，列表内容可以滚动。通过和Sliver组件，我们可以轻松实现自定义的滚动效果。提供了可伸缩的 AppBar，SliverList实现了一个可滚动的列表，且两者都可以通过灵活的配置和组合，实现非常丰富的 UI 效果
Drawer是一个滑动式菜单栏，通常用于在屏幕边缘隐藏和显示。当用户从左侧滑动屏幕或者点击某个按钮时，Drawer会从屏幕一侧滑出，展示导航项、用户信息、应用设置等内容。在 Flutter 中，我们可以使用Drawer小部件来实现这个功能，它通常会与Scaffold一起使用。
是 Flutter 框架提供的一个特殊 Widget，它允许数据在 Widget 树中向下传递。当一个 Widget 需要跨越多个子 Widget 传递数据时，可以将数据保存在中，并让它作为一个数据的容器。所有依赖于这个的子 Widget，都能方便地获取到这些数据。
flutter
——flutter
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
EazyDevelop社区
DAMO开发者矩阵
HarmonyOS开发者社区
2048 AI社区
人工智能6S服务平台
openEuler 社区
开源鸿蒙跨平台开发者社区
快递鸟社区
