文档模板:v0.4.2
react-native-ui-lib
本项目基于 react-native-ui-lib 开发。
该第三方库的仓库已迁移至 Gitcode,且支持直接从 npm 下载,新的包名为:@react-native-ohos/react-native-ui-lib 版本所属关系如下:
| 三方库名称 | 三方库版本(npm地址) | 发布信息 | 支持RN版本 | Autolink | 编译API版本 | 社区基线版本 | 源码地址 |
|---|---|---|---|---|---|---|---|
| @react-native-ohos/react-native-ui-lib | ~ 7.44.0(开发中) | Gitcode Releases | 0.82.* | 是 | API12+ | 7.46.3 | master |
| @react-native-ohos/react-native-ui-lib | ~ 7.43.1 | Gitcode Releases | 0.77.* | 否 | API12+ | 7.43.0 | br_rnoh0.77 |
| @react-native-ohos/react-native-ui-lib | ~ 7.29.2 | Gitcode Releases | 0.72.* | 是 | API12+ | 7.29.1 | br_rnoh0.72 |
| @react-native-oh-tpl/react-native-ui-lib | <= 7.29.1-0.0.5@deprecated | Github Releases(deprecated) | 0.72.* | 否 | API12+ | 7.0.0 | br_rnoh0.72 |
简介
react-native-ui-lib 组件用于 React Native。
react-native-ui-lib 是一套功能全面的 React Native UI 组件库,核心目标是为跨平台应用提供一致、美观且高度可定制的 UI 组件体系,覆盖从基础控件到复杂交互组件的全场景需求,简化 UI 开发流程并保证跨平台体验一致。
下载安装
本库 HarmonyOS 侧实现依赖@react-native-ohos/react-native-reanimated和 @react-native-ohos/react-native-gesture-handler的原生端代码,如已在 HarmonyOS 工程中引入过这些库,则无需再次引入,可跳过本章节步骤,直接使用。
如未引入请参考@react-native-ohos/react-native-reanimated文档和@react-native-ohos/react-native-gesture-handler文档进行引入。
下面是根据使用组件情况按需引入依赖项:
-
@react-native-community/blur (Card 组件)
-
@react-native-community/datetimepicker (DateTimePicker 组件)
-
@react-native-community/netinfo (ConnectionStatusBar 组件)
进入到工程目录并输入以下命令:
npm
npm install @react-native-ohos/react-native-ui-lib
yarn
yarn add @react-native-ohos/react-native-ui-lib