README.md

metadata

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。

安装依赖

npm install

运行项目

• 启动 Web 版 (默认浏览器打开):

  npm run web
  

• 启动 Expo 开发服务器 (支持扫码预览):

  npm start
  

## 项目结构

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

## 关于部署

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

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