第一种方式:
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
需要将之前启动的包管理器关掉
网友评论