SuperAPI AI 工具集

nativewind-generator

编程与开发

查看项目

更新于 10-16 09:35

技能介绍

用途:生成使用 NativeWind(Tailwind CSS)样式的 React Native 组件,用于跨平台移动应用开发。适用于创建新的 React Native 组件、将 Figma 设计转为代码(Phase 3)、构建响应式 Phone/Tablet 变体,以及用工具类快速原型开发。

主要能力:以工具类优先方式编写样式,优先使用 className 而非手动 StyleSheet;支持响应式设计(如根据 isTablet 切换 flex-row/flex-col 与字号);支持深色模式(dark: 前缀);支持 Pressable 的按下状态样式;提供 Screen、Form 等组件模板,以及列表项、卡片、徽章、Flex 行等常用模式;建议按 UserProfile.tsx、UserProfile.phone.tsx、UserProfile.tablet.tsx、index.ts 组织文件结构。

依赖与配置:依赖 React Native、Expo、NativeWind、Tailwind CSS。需在 tailwind.config.js 中配置 content 路径与主题扩展(如自定义颜色)。

限制与说明:资料未提供安装命令、具体版本兼容要求、收费信息或平台限制;示例代码仅作模式参考,实际使用需结合项目环境。