# fed-e-task-06-02

**Repository Path**: sfl001/fed-e-task-06-02

## Basic Information

- **Project Name**: fed-e-task-06-02
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-25
- **Last Updated**: 2021-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# fed-e-task-06-02 React Native

## 基础环境搭建

- 需要Nodejs>=12
- 推荐使用Yarn
- 安装React Native脚手架
  `npm install -g react-native-cli`

## Android环境搭建（window10）

### 下载JDK(Java SE Development Kit)

`https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html`

- JDK版本需要是1.8，也就是官方的8版本
- 安装JDK(一直下一步)
  - 命令行输入`java -version`，验证是否安装成功

### 下载Android Studio（可能需要翻墙）

`https://developer.android.google.cn/studio/`

- 安装Android Studio(一起下一步)
    过程比较长，耐心等待

- 启动Android Studio
  - 初始启动，需要安装组件，约2~3g，安装完成占用空间约8g
  - 过程很长，耐心等待

- ps:Android Studio其实就是一个编辑器，我们在这里在需要的是它的运行环境，编辑器我们还是选用vscode

### 安装Android SDK

- 因为React Native会生成安卓app，需要底层Android SDK的支持

- Android Studio默认会安装最新的Android SDK，但是编译React Native需要Androd10(Q)版本的SDK，最新的支持还不太友好
  - 打开Android Studio，在File/setting界面中，找到System Settings/Android SDK，安装Android 10.0(Q)的Android SDK Platform 29

  ![安装AndroidSDK10(Q).png](./notes/images/安装AndroidSDK10(Q).png)

### 配置环境变量

- 配置 `ANDROID_HOME`环境变量
  - 查找Android SDK的安装位置
    1. 打开Android Studio
    2. 打开File/settings界面
    3. 选择System Settings/Android SDK

    ![查看AndroidSDK的安装位置.png](./notes/images/查看AndroidSDK的安装位置.png)

    ![ANDROID_HOME.png](./notes/images/ANDROID_HOME.png)

- 配置和ANDROID_HOME相关的环境变量
  - %ANDROID_HOME%\platform-tools
  - %ANDROID_HOME%\emulator
  - %ANDROID_HOME%\tools
  - %ANDROID_HOME%\tools\bin

    ![ANDROID_HOME相关环境变量.png](./notes/images/ANDROID_HOME相关环境变量.png)

## 创建项目

### 初始化项目

`react-native init myproject`

### 运行项目

- Android
  - yarn android

- iOS
  - cd ios&&pod install&&cd ../
  - yarn ios