awesome-react-native 的安装和配置教程-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00781/article/details/147581073

awesome-react-native 的安装和配置教程

awesome-react-native React Native 学习资源精选仓库(汇聚知识，分享精华) 项目地址: https://gitcode.com/gh_mirrors/awe/awesome-react-native

1. 项目基础介绍和主要编程语言

awesome-react-native 是一个收集了众多优秀 React Native 库和资源的开源项目。它旨在帮助开发者更快地启动和开发 React Native 应用。本项目主要以 JavaScript 作为编程语言，辅以 TypeScirpt 和一些原生代码（如 iOS 下的 Objective-C/Swift 和 Android 下的 Java/Kotlin）。

2. 项目使用的关键技术和框架

React Native: 用于构建原生移动应用的 JavaScript 框架。
JavaScript/TypeScript: 主要编程语言。
Yarn 或 npm: 用于管理和安装项目的依赖。
React Navigation: 一个用于 React Native 应用的路由和导航库。
Redux: 状态管理库，用于管理应用的状态。
React Native UI 库: 如 NativeBase, Ant Design 等，提供丰富的 UI 组件。

3. 项目安装和配置的准备工作及详细步骤

准备工作

在开始之前，请确保你的开发环境中已安装以下工具：

Node.js：用于运行 JavaScript 代码的服务器端运行时环境。
npm 或 Yarn：用于管理 JavaScript 项目的包管理工具。
React Native CLI：React Native 的命令行工具。
Android Studio 或 Xcode：用于创建和运行 Android 或 iOS 应用。

安装步骤

克隆项目

使用 Git 克隆项目到本地：

git clone https://github.com/wabg/awesome-react-native.git
cd awesome-react-native

安装依赖

在项目目录下，使用以下命令安装项目依赖：
```
yarn install # 或者使用 npm install
```
启动项目
- 对于 iOS：
  - 打开 iOS 文件夹中的 ios 文件夹。
  - 使用 Xcode 打开 ios/YourAppName.xcworkspace 文件。
  - 在 Xcode 中选择模拟器，然后点击运行。
- 对于 Android：
  - 在项目目录下，运行以下命令以启动 Android 模拟器：
```
npx react-native run-android
```
  - 如果你已经打开了 Android Studio 的模拟器，确保它正在运行。
运行项目

在终端中运行以下命令，以启动开发服务器：
```
npx react-native run-ios   # 对于 iOS
npx react-native run-android  # 对于 Android
```
稍等片刻，项目将部署到模拟器或真实设备上。