reactnative 安装与环境配置

一.安装java环境

  java 8之前的版本是不支持react native的,必须使用java 8

 

二.安装android studio

  (1)环境变量配置:

    ANDROID_HOME:c:\Users\用户名\AppData\Local\Android\Sdk

    PATH:

      %ANDROID_HOME%\platform-tools

      %ANDROID_HOME%\emulator

      %ANDROID_HOME%\tools

      %ANDROID_HOME%\tools\bin

 

三.安装Node.js

 

四.安装react-native-cli

  npm install -g react-native-cli

 

五.新建一react-native项目

  cmd输入指令:react-native init 项目名

  项目目录:

  

 

六.在android手机上运行项目

  1.我们可以先把react-native的android项目导入androidstudio运行一下,因为react-native有些错误显示不出来,而且会解决一些build-tools的问题,顺便下载一些必须的在线依赖包。

 

 

 

 

  这个问题是没有创建assets文件夹导致的问题,进入react-native项目的根目录,进入android\app\src\main文件夹,新建一个名为assets的文件夹,再回到项目根目录,输入一下指令,生成相关的bundle:

  react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

   成功之后我们发现原项目多了几个文件:

  cmd提示如下:

  

 

 

 

   cmd到我们项目根目录,输入:react-native run-android,此时发现运行成功。

 

 

 

 

 

 

  备注:建议在run-android成功后再尝试使用 Android Studio 启动。请不要轻易点击 Android Studio 中可能弹出的建议更新项目中某依赖项的建议,否则可能导致无法运行。

原文地址:https://www.cnblogs.com/taoyao/p/13809835.html