美文网首页
运行react-native中自带的例子,如:Examples/

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

作者: 蘑菇碳烤小鸡排 | 来源:发表于2017-09-06 15:19 被阅读0次

    第一种方式:

    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/

          本文链接:https://www.haomeiwen.com/subject/paqvjxtx.html