返回目录 / 开发工具
在 Expo 中配置 Tailwind CSS v4
用 react-native-css 与 NativeWind v5 为 Expo 建立跨平台样式配置。
Skills
按照来源配置安装所需依赖，设置 Metro、PostCSS、全局 CSS 与组件包装器，再将 Tailwind 类用于 React Native 组件。它指出该方案不需额外 Babel 配置，并给出平台色彩变量和故障排查。先确认 Expo、React Native 与 NativeWind 版本兼容，再分步改配置、编译和设备预览。
权限边界
前置条件
- 现有 Expo 项目；可改动 package.json、Metro/PostCSS配置和全局CSS；依赖管理器及版本明确。
权限边界
- 安装包会改写依赖清单与锁文件，配置过程会写项目文件；先经用户授权，并用分支或可回滚变更。
限制
Tailwind v4、react-native-css 与 NativeWind v5 的具体集成对版本敏感；升级旧项目不能照抄新项目配置。
固定上游来源
- 仓库
- openai/plugins
- 文件路径
- plugins/expo/skills/expo-tailwind-setup/SKILL.md
- 固定提交
0722921d5542fc593105c27bd52630babd8b8c2a- 来源检查
- 2026-10-14 · 已按固定上游来源核对
仓库指标
以下数字属于上游仓库整体，不代表单个 Skill 或指南的点赞/热度。
- Stars
- 未取得
- Forks
- 未取得
- 观测时间
- 未取得
尚未取得指标快照。
许可证: MIT
适用工具
Expo / React Native