| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 | ||
| 1 个月前 |
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;库内官方示例以本目录为准。