文档模板:v0.4.1
nativewind
本项目基于 nativewind 开发。
该第三方库的仓库已迁移至 Gitcode,且支持直接从 npm 下载,新的包名为:@react-native-ohos/nativewind 版本所属关系如下:
| 三方库名称 | 三方库版本 | 发布信息 | 支持RN版本 | Autolink | 编译API版本 | 社区基线版本 | npm地址 |
|---|---|---|---|---|---|---|---|
| @react-native-ohos/nativewind | ~4.2.0(开发中) | Gitcode Releases | 0.82.* | 否 | API12+ | 4.2.5 | Npm Address |
| @react-native-ohos/nativewind | ~4.1.24 | Gitcode Releases | 0.77.* | 否 | API12+ | 4.1.23 | Npm Address |
| @react-native-ohos/nativewind | ~2.0.12 | Gitcode Releases | 0.72.* | 否 | API12+ | 2.0.11 | Npm Address |
| @react-native-oh-tpl/nativewind | <=2.0.11-0.0.1@deprecated | Github Releases(deprecated) | 0.72.* | 否 | API12+ | 2.0.11 | Npm Address |
简介
NativeWind 是一个专为 React Native 打造的样式库(Styling Library),而非组件库。它的核心作用是让开发者能够在 React Native 项目中使用熟悉的 Tailwind CSS 语法进行样式编写,从而提升开发体验和代码的可维护性。
下载安装
进入到工程目录并输入以下命令:
npm
npm install tailwindcss@^3.4.17
npm install @react-native-ohos/nativewind
yarn
yarn add tailwindcss@^3.4.17
yarn add @react-native-ohos/nativewind