文档模板: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