---
title: 中文 React Native 项目
emoji: 📱
colorFrom: blue
colorTo: indigo
sdk: docker
pinned: false
short_description: "中文 React Native 项目：支持 iOS, Android 和 Web 的全平台适配示例"
---

# 中文 React Native 项目

这是一个使用 **Expo** 构建的 React Native 示例项目。它被设计为兼顾移动平台（iOS, Android）和主流 Web 平台，并提供全面的中文本地化支持。

## 项目特点

- **全平台支持**：使用 React Native Web 实现一套代码，多端运行。
- **中文汉化**：代码注释、UI 文本均采用中文，方便学习与二次开发。
- **响应式布局**：针对不同屏幕尺寸进行优化，提供流畅的用户体验。
- **Hugging Face 适配**：内置 `Dockerfile`，可直接在 Hugging Face Spaces 上作为 Docker 应用运行。

## 本地开发指南

### 前置条件

确保已安装 [Node.js](https://nodejs.org/)。

### 安装依赖

```bash
npm install
```

### 运行项目

- **启动 Web 版** (默认浏览器打开):
  ```bash
  npm run web
  ```

- **启动 Expo 开发服务器** (支持扫码预览):
  ```bash
  npm start
```

## 项目结构

- `App.tsx`: 应用程序入口
- `src/components/MainScreen.tsx`: 核心展示页面 (包含详细中文注释)
- `Dockerfile`: 用于 Hugging Face 部署的容器化配置
- `app.json`: Expo 配置文件

## 关于部署

本项目已配置为在 Hugging Face Spaces 上使用 Docker 部署。容器将构建 Web 版本的静态资源，并使用 `serve` 在 `7860` 端口上提供服务。

---
由 Trae AI 生成并优化。