duqing2026/react-native-app

1---2title: 中文 React Native 项目3emoji: 📱4colorFrom: blue5colorTo: indigo6sdk: docker7pinned: false8short_description: "中文 React Native 项目：支持 iOS, Android 和 Web 的全平台适配示例"9---10 11# 中文 React Native 项目12 13这是一个使用 **Expo** 构建的 React Native 示例项目。它被设计为兼顾移动平台（iOS, Android）和主流 Web 平台，并提供全面的中文本地化支持。14 15## 项目特点16 17- **全平台支持**：使用 React Native Web 实现一套代码，多端运行。18- **中文汉化**：代码注释、UI 文本均采用中文，方便学习与二次开发。19- **响应式布局**：针对不同屏幕尺寸进行优化，提供流畅的用户体验。20- **Hugging Face 适配**：内置 `Dockerfile`，可直接在 Hugging Face Spaces 上作为 Docker 应用运行。21 22## 本地开发指南23 24### 前置条件25 26确保已安装 [Node.js](https://nodejs.org/)。27 28### 安装依赖29 30```bash31npm install32```33 34### 运行项目35 36- **启动 Web 版** (默认浏览器打开):37  ```bash38  npm run web39  ```40 41- **启动 Expo 开发服务器** (支持扫码预览):42  ```bash43  npm start44```45 46## 项目结构47 48- `App.tsx`: 应用程序入口49- `src/components/MainScreen.tsx`: 核心展示页面 (包含详细中文注释)50- `Dockerfile`: 用于 Hugging Face 部署的容器化配置51- `app.json`: Expo 配置文件52 53## 关于部署54 55本项目已配置为在 Hugging Face Spaces 上使用 Docker 部署。容器将构建 Web 版本的静态资源，并使用 `serve` 在 `7860` 端口上提供服务。56 57---58由 Trae AI 生成并优化。59