码迷,mamicode.com
首页 > 移动开发 > 详细

windows搭建react natiive android环境及真机运行遇到的坑

时间:2016-07-09 13:20:39      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:

第1步:安装最新版Java

  • 下载安装JDK ,最好是Java Development Kit [JDK] 1.8或更高版本

  官网地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

  • 配置环境 (不会的百度哦)

第2步:安装Android SDK

  有两种方案,直接安卓android SDK或者Android Studio。Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。本人使用的第二种。

 

  第一种方案,直接安卓android SDK

  • Tools/Android SDK Tools
  • Tools/Android SDK Platform-tools
  • Tools/Android SDK Build-tools
  • Android 6.0 (API 23)/SDK Platform
  • Extras/Android Support Library
  • Extras/Local Maven repository for Support Libraries

  第二种方案 Android Studio

  具体安装操作情况react native中文文档 http://reactnative.cn/docs/0.27/getting-started.html#content

  本人用的第二种方式,安卓好了android Studio并配置好环境变量

第3步:安装react-native命令行工具

npm install -g react-native-cli

 

第4步:创建react-native项目

cd HelloWorld
react-native init HelloWorld

  这个命令会初始化一个工程、下载React Native的所有源代码和依赖包,最后在HelloWorld/iOS/HelloWorld.xcodeproj和HelloWorld/android/app下分别创建一个新的XCode工程和一个gradle工程。

 

  如果你网络不怎么样,这里会耗时相当相当久,甚至经常因为网络的原因下载项目失败!所以 react-native中文官网 推荐你使用淘宝镜像:

  

$ npm config set registry https://registry.npm.taobao.org 

  

第5步:链接设备或者模拟器

android手机需打开开发者模式,打开开发者选项,和usb调试选项

技术分享

 

如果正确配置了Android SDK环境变量,我们在cmd命令控制行中运行 adb devices 应该可以看到下面界面:  

技术分享

 

我们看到列表为空,是因为我们还未连接任何设备。我通过USB接入手机,再运行看看:

技术分享

 

第6步:编译运行Android

cd HelloWorld
react-native run-android

  

 注:安卓手机和电脑要在同一个网络

运行的时候,事情远没这么顺利,再看一个奇怪的报错:

技术分享

解决办法: 将android/build.gradle文件中的 classpath ‘com.android.tools.build:gradle:1.3.1‘ 改为 classpath ‘com.android.tools.build:gradle:1.2.3‘ 

第7步:运行apk程序

  出现了空白和不能连接开发服务器,有位仁兄跟我遇到的问题一致

  参考文章 http://www.cnblogs.com/unofficial/p/4843734.html

 

 

 

 

 

 

 

 

windows搭建react natiive android环境及真机运行遇到的坑

标签:

原文地址:http://www.cnblogs.com/sanbao/p/5655644.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!