# react-native-demo

**Repository Path**: ifredom/smdpolice

## Basic Information

- **Project Name**: react-native-demo
- **Description**: react-native 探索
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2017-11-08
- **Last Updated**: 2022-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## react-native-demo
  react native 探索

---

### 使用方法

  step1 安装node 版本6.12.0
  ```
    // 测试是否安装成功,cmd中运行
    | D:\node -v
    | v6.12.0
  ```

  step2 官网下载安装python  版本2.7.14
  ```
    // 测试是否安装成功,cmd中运行
    | D:\python
    | Python 2.7.14 (v2.7.14:84471935ed, Sep 16 2017, 20:25:58) [MSC v.1500 64 bit (AMD64)] on win32
    | Type "help", "copyright", "credits" or "license" for more information.
    | >>>exit()
  ```

  step3 使用npm安装yarn react-native-cli
  ```
    npm install -g yarn react-native-cli
  ```

  step4 安装Android Studio

    Android Studio官网下载版本3.0，成功运行后，再通过内置报管理器下载react native所需sdk.

    file --> setting --> 输入框中输入sdk进行搜索 --> edit上方sdk存放路径，也可以是你自定义的，但需要记住此位置 D:\software\androidsdk\sdk

    下载成功后，所需android SDK相关构建一切工具SDK都在这里。


  step4 开启编译加速器 Gradle Daemon

  ```
    // cmd中输入这一端即可
    (if not exist "%USERPROFILE%/.gradle" mkdir "%USERPROFILE%/.gradle") && (echo org.gradle.daemon=true >> "%USERPROFILE%/.gradle/gradle.properties")
  ```

  最终步骤，创建一个react-native项目

  ```
    react-native init AwesomeProject
    cd AwesomeProject
    react-native run-android
  ```
---
### 运行调试
  方式一：使用模拟器
    1）使用android studio创建虚拟设备，并启动。
    2）cmd中执行react-native run-android 启动项目安装程序。安装成功后，虚拟设备上即可见。键盘按2下R可以刷新页面
  方式二：使用真机
    1）使用usb线链接到手机，打开手机的开发者选项中的usb调试。
    2）cmd中执行react-native run-android，即可安装。摇晃手机即可刷新页面

### 修改配置文件入口
  android将入口文件由index.js改为index.android.js
```
  mkdir android/app/src/main/assets
  react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
  react-native run-android
```
### 参考教程

  教程参考：https://reactnative.cn/docs/0.50/signed-apk-android.html#content

  报错参考：http://blog.csdn.net/win7583362/article/details/78489540

  学习参考：http://www.ruanyifeng.com/blog/2015/03/react.html 阮一峰