# react-native: React Native
URL: https://generaltranslation.com/zh/docs/react-native.mdx
---
title: React Native
description: 为你的 React Native 应用添加多语言支持
---

## 入门

使用 `gt-react-native` 为你的 React Native 应用添加翻译。请选择与你的项目设置相匹配的快速入门指南：

<Cards>
  <Card title="Expo 快速入门" href="/docs/react-native/tutorials/quickstart-expo">
    适用于 Expo 项目 (SDK 49+)。使用 expo-router 和 Expo 的构建系统。
  </Card>

  <Card title="React Native CLI 快速入门" href="/docs/react-native/tutorials/quickstart">
    适用于裸 React Native CLI 项目。直接使用 Metro 和原生构建。
  </Card>
</Cards>

<Callout type="warn">
  `gt-react-native` 仍处于实验阶段，可能不适用于所有项目。
  如果你遇到任何问题，请通过[在 GitHub 上提交 issue](https://github.com/generaltranslation/gt/issues)告诉我们。
</Callout>

<Callout type="info">
  **想自动设置？** 运行 `npx gt@latest`，通过 [设置向导](/docs/cli/init)完成全部配置。
</Callout>

***

## 你将获得

* 使用 [`<T>` 组件](/docs/react-native/guides/t)实现 **JSX 翻译**
* 使用 [`useGT` hook](/docs/react-native/guides/strings)实现 **字符串翻译**
* 通过 [`<Var>`](/docs/react-native/guides/variables)、[`<Plural>`](/docs/react-native/api/components/plural) 和 [`<Branch>`](/docs/react-native/guides/branches)支持 **变量、复数和分支**
* 在开发环境中使用开发 API Key 进行 **on-demand 翻译**
* 在生产环境中通过 [`gt translate`](/docs/cli/translate) CLI 命令生成 **预生成翻译**

***

## 后续步骤

* [**`<T>` 组件指南**](/docs/react-native/guides/t) — 了解变量、复数形式和高级翻译用法
* [**字符串翻译指南**](/docs/react-native/guides/strings) — 深入了解 `useGT`
* [**变量组件**](/docs/react-native/guides/variables) — 使用 `<Var>`、`<Num>`、`<Currency>` 和 `<DateTime>` 处理动态内容
* [**部署到生产环境**](/docs/react-native/tutorials/quickdeploy) — CI/CD 设置、缓存和性能优化