文件最后提交记录最后更新时间
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
1 个月前
README

example/harmony · 鸿蒙一页组件墙

本目录是 react-native-elements 在 OpenHarmony / HarmonyOS NEXT(RNOH)上的示例程序:单页 ScrollView 组件墙,便于查看适配效果。

展示内容

  • Header / Button / Icon
  • Card / Avatar / Badge
  • ListItem + Chevron
  • Input / SearchBar(platform="default")
  • CheckBox / Switch / Slider
  • Overlay(Modal)
  • 宽屏 maxWidth 居中(适配 MatePad Edge 电脑模式)

已验证设备

设备 模式 架构
HUAWEI MatePad Edge 平板模式、电脑模式(2in1) arm64-v8a
华为模拟器 DevEco 模拟器 x86_64

默认 abiFilters:["arm64-v8a", "x86_64"](见 harmony/entry/build-profile.json5)。

快速运行

# 在本目录
cd example/harmony
npm install --registry https://registry.npmjs.org

# 改完 App.tsx 后重新打离线包
npm run dev

# DevEco Studio 打开本目录下的 harmony/ ,Run entry

依赖本库源码:

"react-native-elements": "file:../.."

说明

  • 图标字体已放在 harmony/entry/src/main/resources/rawfile/assets/fonts/,并在 Index.ets 注册。
  • JS Bundle 优先加载本地 bundle.harmony.js,避免仅连 Metro 时长时间白屏。
  • 包名默认 com.example.myapplication,需与本机调试签名一致,或自行修改后重新签名。
  • 更完整的联调工程也可参考仓库外的 RNElementsDemo;库内官方示例以本目录为准。