weapp-tailwindcss-react-native

Installation
SKILL.md

weapp-tailwindcss React Native

使用独立 Native 编译器把 Tailwind CSS 4 候选编译为 React Native style manifest,不套用小程序 CSS 产物链。

工作流

  1. 确认项目是 Expo/React Native,而不是 uni-app App、Taro RN 或 App WebView。
  2. ReactLynx/Rspeedy 项目转到 $weapp-tailwindcss-lynx;它保留 className 并生成原生 CSS,不使用 RN manifest。
  3. 检查 Expo、React、React Native、Node 和 Tailwind CSS 版本。
  4. 读取 references/expo-integration.md,建立 global.css、Metro 包装和类型入口。
  5. Expo 默认只配置一次 withWeappTailwindcss();它负责 source、manifest 和 Babel JSX transform,不维护第二份 class set。
  6. 静态 className 走预生成 StyleSheet lookup;动态完整字符串才使用受控 tw()
  7. 检查 manifest.warnings,不把不支持的 CSS 声明当作成功。
  8. Web 仅做 smoke test,最终在 Android/iOS 模拟器或真机验证布局、颜色模式和平台变体。

边界

Installs
29
GitHub Stars
2
First Seen
Jul 28, 2026
weapp-tailwindcss-react-native — sonofmagic/skills