- 博客(10)
- 收藏
- 关注
RSS订阅原创 React Native for OpenHarmony 实战：StackNavigation 栈导航详解
StackNavigation是React Navigation库中实现栈式导航的核心组件，它模拟了原生移动应用中"页面堆栈"的行为模式。当用户导航到新页面时，新页面会被推入导航栈顶部；当用户返回时，当前页面从栈顶弹出，显示前一个页面。这种"后进先出"(LIFO)的管理机制，完美契合了移动应用的交互习惯。在React Native应用中，StackNavigation通常用于实现应用的主要导航流，如电商应用中的"商品列表→商品详情→购物车→订单确认"流程。
2026-01-16 11:01:35
304
原创 React Native for OpenHarmony 实战：StackNavigation 栈导航详解
StackNavigation是React Navigation库中实现栈式导航的核心组件，它模拟了原生移动应用中"页面堆栈"的行为模式。当用户导航到新页面时，新页面会被推入导航栈顶部；当用户返回时，当前页面从栈顶弹出，显示前一个页面。这种"后进先出"(LIFO)的管理机制，完美契合了移动应用的交互习惯。在React Native应用中，StackNavigation通常用于实现应用的主要导航流，如电商应用中的"商品列表→商品详情→购物车→订单确认"流程。
2026-01-16 10:00:19
689
原创 React Native for OpenHarmony 实战：Scroll_view 滚动视图详解
Scroll_view是React Native中用于创建可滚动容器的基础组件，它允许内容超出屏幕范围时通过滚动来查看全部内容。与FlatList等虚拟化列表组件不同，Scroll_view会渲染所有子元素，因此更适合内容量不大但需要完整滚动的场景。在React Native架构中，Scroll_view作为原生组件的桥梁，通过JavaScript线程与原生线程的通信实现滚动功能。其核心工作原理如下：fill:#333;important;important;fill:none;color:#333;
2026-01-15 08:47:14
796
原创 React Native for OpenHarmony 实战：NestedScrolling 嵌套滚动详解
嵌套滚动（NestedScrolling）是指在一个可滚动容器内部嵌套另一个可滚动容器的交互模式。例如，在一个垂直滚动的页面中，包含一个水平滚动的图片轮播区域，或者在一个主ScrollView内嵌套多个FlatList组件。ScrollView：基础滚动容器FlatList：高性能列表组件：分组列表组件：虚拟化列表基础组件有时标准的嵌套滚动无法满足需求，需要自定义滚动行为。0.5 : 0.3;// OpenHarmony需要更小的弹性系数// 处理滚动方向。
2026-01-15 08:32:33
545
原创 Flutter for OpenHarmony 实战：Banner 横幅提示详解
SnackBar(content: Text('操作成功'),label: '撤销',),),状态管理：使用 InheritedWidget 实现跨组件状态共享动画系统：基于 Tween 的渐变入场/退场动画层级管理：通过 OverlayEntry 实现悬浮层级控制本文系统介绍了在 OpenHarmony 平台实现 Flutter Banner 的完整技术方案，重点解决了平台适配中的权限管理、UI 规范、性能优化等核心问题。分布式动画同步：实现跨设备协同显示的 Banner 效果。
2026-01-14 08:09:42
777
原创 Flutter for OpenHarmony 实战：SnackBar 轻提示详解
fill:#333;important;important;fill:none;fill:none;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;important;
2026-01-14 08:08:27
765
原创 Flutter for OpenHarmony 实战：showModalBottomSheet 底部弹出详解
child: Center(child: Text('模态弹窗内容')),},模态特性：阻止背景层交互动画支持：内置滑动出现/消失动画自适应布局：默认适配键盘弹出场景isScrollControlled: true, // 允许全屏高度initialChildSize: 0.5, // 初始高度 50%minChildSize: 0.25, // 最小高度 25%maxChildSize: 0.9, // 最大高度 90%
2026-01-13 23:34:27
992
原创 Flutter for OpenHarmony 实战：SimpleDialog 简单对话框详解
本文系统解决了在 OpenHarmony 平台的适配问题，重点突破返回键响应、深色模式同步、触摸反馈优化三大技术难点。与鸿蒙分布式能力结合：实现跨设备对话框同步基于 ACE 引擎优化：利用 GPU 加速对话框渲染无障碍深度适配：符合 OpenHarmony 无障碍标准。
2026-01-13 23:19:43
805
原创 爆肝整理｜跨端框架开发鸿蒙PC应用终极指南：Flutter/React兼容性实战，1小时高效部署避坑全攻略！
鸿蒙GPU驱动锁在harmony {graphics {vulkanVersion = "1.2.3" // 必须匹配鸿蒙驱动版本异步通信死锁使用Isolate// 鸿蒙专属消息模式字体渲染优化在harmony:fonts:fonts:harmonyOS: true # 启用鸿蒙字体优化引擎。
2026-01-08 22:02:44
512
原创 鸿蒙原生PC应用开发实践：从环境搭建到发布全流程保姆级教程
分布式架构是鸿蒙PC的核心竞争力工具大幅降低UI开发成本现有C++生态迁移仍存挑战（如OpenGL ES到Vulkan的转换）基于声明式编程的跨设备UI框架AI子系统在PC端的集成方案x86架构下的原生性能优化fill:#333;important;important;fill:none;color:#333;color:#333;important;fill:none;fill:#333;height:1em;环境搭建功能开发分布式联调性能优化应用发布持续迭代。
2026-01-08 21:51:32
884
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人