logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flutter for OpenHarmony 实战:Switch 开关按钮详解

Flutter 的Switch是 Material Design 风格的开关控件,用于表示布尔状态切换(如开启/关闭)。系统设置项(如通知开关、夜间模式)功能启用/禁用控制实时状态反馈界面Switch(// 鸿蒙主题色}),}),视觉融合:通过thumbColor和trackColor实现鸿蒙设计语言适配事件贯通:确保onChanged与鸿蒙事件总线兼容性能调优:采用状态隔离策略避免跨平台渲染损耗

文章图片
#flutter
Flutter for OpenHarmony 实战:TextFormField 表单输入框详解

继承自FormField✅ 文本输入与内容管理✅ 实时输入验证(validator✅ 自定义输入装饰(decoration✅ 表单状态集成(Form控件协同)典型应用场景用户登录/注册表单数据提交界面多字段验证场景键盘适配:利用解决平台差异状态联动:通过实现多字段管理安全输入:双端保障机制(+ 鸿蒙安全键盘)验证优化:按需验证模式降低性能开销🔥最佳实践:在复杂表单场景中,可将验证逻辑抽象为独立F

文章图片
#flutter
React Native for OpenHarmony 实战:Apollo GraphQL 客户端

技术点Android/iOS实现OpenHarmony适配方案网络层标准Fetch API使用@react-native-oh-library/fetch-polyfill后台任务数据同步常规状态管理分布式事件广播+本地状态扩展。

文章图片
#react native#graphql#react.js
Flutter for OpenHarmony 实战:OutlinedButton 边框按钮详解

是 Flutter Material 组件库中的次级动作按钮,其主要特征为带边框的透明背景设计。非主操作(如取消、次要选项)需要降低视觉权重的操作区域与填充按钮形成视觉层次对比对话框中的辅助操作项fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em

文章图片
#flutter
Flutter for OpenHarmony 实战:ElevatedButton 悬浮按钮详解

是 Flutter 实现凸起按钮三维视觉层次:通过阴影效果模拟物理高度动态响应:按压时产生视觉反馈(默认阴影放大)无障碍支持:自动满足 WCAG 2.1 对比度标准主操作按钮(如确认 / 提交)导航关键节点(如页面跳转)重要操作触发点(如支付按钮)视觉一致性:通过统一跨平台样式交互反馈:结合手势检测实现鸿蒙特色涟漪性能优化:控制阴影复杂度以适配不同设备扩展建议探索在鸿蒙分布式场景的应用结合实现全应

文章图片
#flutter
Flutter for OpenHarmony 实战:SizedBox 尺寸盒子详解

SizedBox 是 Flutter 中继承自的基础布局控件,核心作用是强制指定子组件的精确尺寸。与Container不同,它没有内边距、边框等装饰属性,仅通过width和height参数控制尺寸,因此渲染开销极低(比 Container 轻量 40%+)。其源码结构精简,本质是调用实现尺寸约束。性能优势:比 Container 轻量 40%+,在鸿蒙低性能设备上显著提升渲染效率精准控制:通过 d

文章图片
#flutter
Flutter for OpenHarmony 实战:Row 水平布局详解

本文系统解析了Row通过显式声明解决 RTL 适配问题使用实现混合渲染的稳定协同基于 ArkUI 渲染特性优化布局性能跨设备动态布局迁移基于Row的流转式界面重构GPU 共享渲染优化。

文章图片
#flutter
Flutter for OpenHarmony 实战:Baseline 基线对齐详解

Baseline(基线)是排版学中的基础概念,指文本字符的底部对齐参考线。在拉丁字母中,基线是字母如"a"、"x"的底部所在直线;而在中文中,基线通常位于汉字方框的底部。Flutter通过/// 阿拉伯语和拉丁语等脚本使用的标准文本基线 alphabetic , /// 用于表意文字(如中文、日文)的基线 ideographic , }@overrideif (!;// OpenHarmony关键

文章图片
#flutter
Flutter for OpenHarmony 实战:Column 垂直布局详解

Column(Expanded(),],实现原理测量阶段:计算非弹性子组件尺寸布局阶段:根据主轴/交叉轴对齐方式分配空间绘制阶段:按计算位置渲染子组件OpenHarmony适配要点使用Expanded时需确保父组件有明确高度约束避免在无边界约束容器中使用(如嵌套ListView)鸿蒙系统默认启用像素对齐优化,需通过参数控制fill:#333;important;important;fill:non

文章图片
#flutter
Flutter for OpenHarmony 实战:Expanded 弹性展开组件详解

Expanded 是 Flutter 布局系统中的弹性扩展组件,必须嵌套在RowColumn或Flex容器中使用。其核心价值在于动态分配主轴方向的剩余空间。当父容器尺寸固定时,Expanded 会计算所有子组件的非弹性部分(如固定高度/宽度),将剩余空间按flex属性比例分配给所有 Expanded 子组件。技术原理基于弹性系数(flex factor)父容器测量所有非 Expanded 子组件尺

文章图片
#flutter
    共 700 条
  • 1
  • 2
  • 3
  • 70
  • 请选择