CoolFace
Apppublic

duqing2026/react-native-app

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
App README

中文 React Native 项目

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

项目特点

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

本地开发指南

前置条件

确保已安装 Node.js

安装依赖

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 版本的静态资源,并使用 serve7860 端口上提供服务。


由 Trae AI 生成并优化。