# RN开发模板

**Repository Path**: yanmingke/rn-development-template

## Basic Information

- **Project Name**: RN开发模板
- **Description**: expo，
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-12-28
- **Last Updated**: 2025-11-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

基于项目配置文件分析，这是一个React Native 0.79.3项目的完整环境要求和安装清单：

## 📋 项目概览

- **项目名称**: app
- **版本**: 0.0.1
- **React Native版本**: 0.79.3
- **React版本**: 19.0.0
- **TypeScript支持**: ✅

## 🔧 环境要求

### Node.js 环境

- **Node.js版本**: >=18 (package.json中engines字段指定)
- **包管理器**: npm/yarn

### Android 开发环境

- **Android SDK Build Tools**: 35.0.0
- **编译SDK版本**: 35 (Android 14)
- **目标SDK版本**: 35 (Android 14)
- **最低SDK版本**: 24 (Android 7.0)
- **NDK版本**: 27.1.12297006
- **Kotlin版本**: 2.0.21
- **Gradle JVM参数**: -Xmx2048m -XX:MaxMetaspaceSize=512m
- **支持架构**: armeabi-v7a, arm64-v8a, x86, x86_64

### iOS 开发环境

- **iOS最低版本**: 通过min_ios_version_supported动态获取
- **CocoaPods**: 需要安装
- **Xcode**: 最新版本

### 特性配置

- **新架构支持**: ✅ (newArchEnabled=true)
- **Hermes引擎**: ✅ (hermesEnabled=true)
- **AndroidX**: ✅ (android.useAndroidX=true)

## 📦 核心依赖包

### 主要依赖 (dependencies)

复制

插入

创建

```json
{
  "@react-native-async-storage/async-storage": "^2.2.0",
  "@react-navigation/bottom-tabs": "^7.3.14",
  "@react-navigation/native": "^7.1.10", 
  "@react-navigation/native-stack": "^7.3.14",
  "@tanstack/react-query": "^5.80.7",
  "axios": "^1.10.0",
  "react": "19.0.0",
  "react-native": "0.79.3",
  "react-native-gesture-handler": "^2.25.0",
  "react-native-reanimated": "^3.18.0",
  "react-native-safe-area-context": "^5.4.1",
  "react-native-screens": "^4.11.1",
  "react-native-vector-icons": "^10.2.0",
  "zustand": "^5.0.5"
}
```

### 开发依赖 (devDependencies)

复制

插入

创建

```json
{
  "@babel/core": "^7.25.2",
  "@babel/preset-env": "^7.25.3",
  "@babel/runtime": "^7.25.0",
  "@react-native-community/cli": "18.0.0",
  "@react-native/babel-preset": "0.79.3",
  "@react-native/eslint-config": "0.79.3",
  "@react-native/metro-config": "0.79.3",
  "@react-native/typescript-config": "0.79.3",
  "@types/jest": "^29.5.13",
  "@types/react": "^19.0.0",
  "@types/react-test-renderer": "^19.0.0",
  "eslint": "^8.19.0",
  "jest": "^29.6.3",
  "prettier": "2.8.8",
  "react-test-renderer": "19.0.0",
  "typescript": "5.0.4"
}
```

## 🚀 安装步骤

### 1. 环境准备

运行

复制

插入

创建

```bash
# 确保Node.js版本 >= 18
node --version

# 安装React Native CLI
npm install -g @react-native-community/cli
```

### 2. 项目依赖安装

运行

复制

插入

创建

```bash
# 安装npm依赖
npm install

# iOS依赖安装 (仅macOS)
cd ios && pod install && cd ..
```

### 3. 平台特定配置

#### Android配置

- 安装Android Studio
- 配置Android SDK (API Level 35)
- 配置NDK (版本 27.1.12297006)
- 设置ANDROID_HOME环境变量

#### iOS配置 (仅macOS)

- 安装Xcode (最新版本)
- 安装CocoaPods: `sudo gem install cocoapods`

## 🎯 功能特性

### 导航系统

- React Navigation v7 (底部标签页 + 原生栈导航)
- 手势处理和屏幕管理

### 状态管理

- Zustand (轻量级状态管理)
- TanStack Query (数据获取和缓存)

### 存储和网络

- AsyncStorage (本地存储)
- Axios (HTTP客户端)

### UI和动画

- React Native Reanimated v3 (高性能动画)
- Vector Icons (图标库)
- Safe Area Context (安全区域处理)

### 开发工具

- TypeScript 5.0.4
- ESLint + Prettier (代码规范)
- Jest (单元测试)

## ⚡ 性能优化配置

- 启用Hermes引擎 (提升JavaScript执行性能)
- 启用新架构 (Fabric渲染器 + TurboModules)
- 支持多架构编译 (ARM64, x86等)

这个项目配置相当现代化，使用了React Native的最新特性和最佳实践。