介绍
该方案展示了ArkWeb同层渲染:将系统原生组件直接渲染到前端H5页面上,原生组件不仅可以提供H5组件无法实现的一些功能,还能提升用户体验的流畅度。
效果图预览
使用说明
进入页面即可看到同层渲染效果,Text,Image都是原生组件。
高性能知识点
ArkWeb同层渲染原生组件,原生组件不仅可以提供H5组件无法实现的一些功能,还能提升用户体验的流畅度;同层渲染节点上下树,实现节点复用,节省节点重复开销。
工程结构&模块类型
├──entry/src/main/ets/ │ ├──mock │ │ └──GoodsMock.ets // 模拟数据类 │ ├──entryability │ │ └──EntryAbility.ets // 配置类 │ └──model │ │ └──GoodsModel.ets // 类型声明 │ └──pages │ └──Index.ets // 程序入口类 └──entry/src/main/resource // 应用静态资源目录
相关权限
- 允许应用使用Internet网络权限:ohos.permission.INTERNET。