Tamagui

项目概述

Tamagui 是一套颠覆性的全平台通用（Universal）UI 体系。它允许开发者编写一套 React 代码，同时以极高帧率在 iOS、Android 和 Web 端原生运行，凭借其先进的静态编译优化引擎实现接近零运行时的极致性能。

核心特性

• ⚡️ 编译期静态提取引擎：在构建期将样式转换为 Web 端的纯原子 CSS 和移动端的原生 StyleSheet，性能逼近手写原生。
• 真正的一码多端跨端同构：40+ 款交互组件在 Expo、Next.js 和 React Native 间 100% 共享。
• 强大的嵌套主题系统：支持极其细腻的局部子主题切换，无需重复触发组件重新渲染。
• 跨平台手势与动画引擎：完美协同 CSS Transitions、Reanimated 与 Native Driver 动画。

快速上手与示例代码

npm install tamagui @tamagui/core

import { Button, YStack } from 'tamagui';

export default function UniversalScreen() {
  return (
    <YStack gap="$3" padding="$4">
      <Button theme="active">跨端同构按钮</Button>
    </YStack>
  );
}

技术选型建议与适用场景

• 非常适合：基于 Expo / Next.js / Solito 打造 Web + App 双端同构产品的团队，追求极致 60fps 流畅度。
• 不适用场景：纯 Web 端单页面应用且未来无任何移动端 App 计划的项目。