运行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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容