SuperAPI AI 工具集

tamagui-v2

前端与建站

查看项目

更新于 10-16 04:57

技能介绍

用途:为使用 Tamagui 构建跨平台 React 应用提供指导。Tamagui 是通用 UI 框架,写一次可部署到 Web 与 React Native,支持 Expo,版本 1.144.0+;开源部分为 MIT,Bento 与 Takeout 需商业许可。

主要能力:styled() 统一样式 API,支持设计令牌、variants 与 defaultVariants;编译期优化,将样式抽取为原子 CSS;12 级颜色主题,自动支持明暗模式;跨端组件如 Button、Dialog、Sheet、Input、Select、Tabs;响应式媒体查询与 useMedia;enterStyle/exitStyle 动画与 AnimatePresence;createStyledContext 构建复合组件。Bento 提供表单(集成 React Hook Form 与 Zod)、TanStack Table 数据表、虚拟化列表等。Takeout 为全栈起始套件,含文件路由、SSG/SSR、Better Auth 认证、Drizzle ORM 与 PostgreSQL、Zero Sync 实时同步。

使用方式:通过 @tamagui/core 或 tamagui 导入,使用 XStack、YStack、ZStack 组织布局;以 $ 前缀引用令牌(如 padding="$4");用 createTamagui 配置令牌、媒体查询与动画;用 $gtSm 等属性写响应式样式;用 Theme 切换子主题。

适用场景:需要同时覆盖 Web 与 iOS/Android 的 React 应用,尤其是统一设计系统、响应式界面与跨端组件库的项目。

限制:资料未提供完整安装命令、定价细节与具体性能数据;Bento 与 Takeout 的生产使用需商业许可,使用前需确认授权。部分功能依赖具体包与配置,缺失信息暂未提供。