OpenSource Statement
Upstream Repository
- Name: react-native-elements
- URL: https://github.com/react-native-elements/react-native-elements
- Version: v3.4.3
- License: MIT
Adaptation Information
- Adapter: aasd23 / HarmonyOS_PC/test
- Adaptation Date: 2026-09-09
- Target Platform: OpenHarmony / HarmonyOS NEXT
- RNOH Version: 0.82.x (recommended)
- HarmonyOS SDK Version: 6.1.1(23) or later
- Adaptation Branch:
feat/ohos_react-native-elements_3.4.3 - Public Repository: https://gitcode.com/aasd23/rntpc_react-native-elements
Adaptation Summary
- Added HarmonyOS platform helpers:
isHarmony,isAndroidLike - Ensured style / Switch / ListItemChevron / DialogTitle treat Harmony like Android (not iOS)
- Kept
TouchableNativeFeedback/ Ripple Android-only; Harmony falls through toTouchableOpacityviaPlatform.selectdefault - Documented
react-native-vector-iconsdependency: use the already-adapted OHOS package and register fonts in RNApp - Supplemented OpenHarmony usage docs and changelog
Components Status
| Component | Status | Notes |
|---|---|---|
| Button | ✅ Supported | Harmony uses TouchableOpacity (no Ripple) |
| ButtonGroup | ✅ Supported | Same as Button |
| Chip | ✅ Supported | |
| Card | ✅ Supported | |
| Input | ✅ Supported | |
| Avatar | ✅ Supported | |
| Badge | ✅ Supported | |
| SearchBar | ✅ Supported | Use platform="default" or "android" on OHOS |
| ListItem | ✅ Supported | Chevron uses Material icons on OHOS |
| CheckBox | ✅ Supported | Needs vector-icons fonts |
| Icon | ⚠️ Partial | Requires react-native-vector-icons + font registration |
| Switch | ✅ Supported | Android-like styling on OHOS |
| Slider | ✅ Supported | |
| Overlay / Dialog / BottomSheet / Tooltip | ⚠️ Verify | Depend on RN Modal on RNOH |
| LinearProgress | ✅ Supported | useNativeDriver enabled on OHOS |
| Header / Tab / TabView / FAB / SpeedDial | ✅ Supported | Visual verify recommended |
| SocialIcon / PricingCard / Tile / Rating | ✅ Supported | Icons need fonts |
Dependency Notes
- Peer:
react-native-vector-icons(>7.0.0) — already adapted for HarmonyOS; register TTF viafontResourceByFontFamilyinIndex.ets - Peer:
react-native-safe-area-context(>=3.0.0) — use OHOS-compatible version matching your RNOH