环境搭建

当前环境

  • android stuio 2.0

  • node@v9.4.0

Node环境

首先根据官方教程来

  1. 先安装脚手架
  1. npm install -g create-react-native-app
  1. 初始化项目，以及安装依赖
  1. create-react-native-app AwesomeProject
  3. cd AwesomeProject
  4. npm start
  1. 可以通过EXPO进行开发预览

Android环境

  1. 启动Android Studio并打开设置Configure | SDK Manager

  2. 在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

  3. 在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须包含有这个版本。当然如果其他插件需要其他版本，你可以同时安装其他多个版本）。然后还要勾选最底部的Android Support Repository

  4. 设置ANDROID_HOME环境变量

  5. Apply 等待安装完毕

运行

  1. 先执行eject命令还原项目
  1. npm run eject
  1. 然后打开安卓模拟器，运行
  1. react-native run-android

安卓模拟器调出DEV setting，执行命令adb shell input keyevent 82

遇到的坑

Entry fileTemplates//code/Google Test Fixture SetUp Method.cc.ft not found in C:/Program Files/Android/Android Studio/lib/idea.jar

解决办法:
1: 修改studio.exe.vmoptions和studio64.exe.vmoptions -Djdk.util.zip.ensureTrailingSlash=false

unable to load script from assets index.android.bundle on windows

解决办法:

  1. 首先手动在main下建立一个assets文件夹

    1. 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/

Couldn’t find preset “babel-preset-react-native-stage-0/decorator-support” relative

解决办法:

  1. yarn add babel-preset-react-native-stage-0

This version of android studio is incompatible with the gradle version used.

解决办法:

  1. 把app目录下的build目录干掉，然后clear一下，运行