运行react-native中自带的例子,如:Examples/UIExplorer

第一种方式:

1)Running this app

运行此app之前,需要确保

git clone https://github.com/facebook/react-native.git

cd react-native

npm install    使用npm下载相关依赖的包

2)Running on Android

想要运行这些例子,还需要先安装SDK, NDK

开启一个Android 模拟器或者设备

cd react-native

./gradlew :Examples:UIExplorer:android:app:installDebug  //开始编译UIExplorer,并将其安装到模拟器或android设备上

./packager/packager.sh  //启动react-native包管理器

NDK下载时注意:

a) 由于Examples/UIExplorer当时使用的NDK版本比较老,为了兼容,所以最好也下当时使用的版本,即NDK 10e的版本。

不过最新的react-native中已经没有Examples了,没有办法运行其自带的例子,所以我打算下载NDK最新的版本

b) 下载完成后,解压到android/sdk/目录下

c) 设置系统的环境变量

ANDROID_NDK = c:Android//sdk/android-ndk-r14b

加入到Path中

第二种方式

将UIExplorer/js复制到我们自己新建的项目(如:MyApp)中去,则新建项目运行时就会自动加载UIExplorer

注意:

需要修改一些配置

1)build.gradle

确保两个项目中的appcompat包版本一致,如:

compile "com.android.support:appcompat-v7:23.0.1"

sdk版本保持一致,如下:

compileSdkVersion 23

buildToolsVersion "23.0.1"

targetSdkVersion 23

Application.java文件中有个项目路径需要改成对应的

启动:

react-native run-android

需要将之前启动的包管理器关掉

你可能感兴趣的:(运行react-native中自带的例子,如:Examples/UIExplorer)