LogoClawIndex
案例技能关于
LogoClawIndex

expo-tailwind-setup - 在Expo中使用react-native-css和NativeWind v5设置Tailwind CSS v4

在Expo项目中配置Tailwind CSS v4，实现跨iOS、Android和Web的通用样式

标签

更新于: 2026-02-09
Tailwind CSSReact NativeExpoCSS样式设计

能力

配置Metro转换器设置PostCSS配置创建全局CSS文件包装React Native组件

典型输入

Expo项目package.json依赖Metro配置文件

典型输出

更新的metro.config.jspostcss.config.mjsglobal.css文件

该技能可以做什么

  • 配置Metro转换器
  • 设置PostCSS配置
  • 创建全局CSS文件
  • 包装React Native组件
  • 添加平台特定样式

输入

  • Expo项目
  • package.json依赖
  • Metro配置文件
  • PostCSS配置文件

输出

  • 更新的metro.config.js
  • postcss.config.mjs
  • global.css文件
  • CSS包装的组件

要求

  • Expo开发环境
  • Node.js运行时
  • Tailwind CSS v4
  • NativeWind v5
  • react-native-css

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。