最近有人问我没有新学什么东西，我确实想不到新学了什么，就脱口而出了React Native，然后就问能告诉他React Native是什么吗？发现自己一点都说不出来是什么。学习一门新的知识我们到底是学的什么呢？或许真的该好好的想想。还有

言归正传，这周花在React Native上面的时间不是很多，任务比较多。但是把React Native作为一个Library导入了一个原生的Android项目。

接入步骤

接入的时候是作为一个Library(方便管理)接入的，可能不同人接入的方式不同。按自己的方式接入就好。

npm init // 用来创建配置文件package.json，这个过程需要输入响应的版本信息等等。
npm install --save react react-native // 在项目中安装React Native
curl -o .flowconfig https://raw.githubusercontent.com/facebook/react-native/master/.flowconfig  // 文件监控

"start": "node node_modules/react-native/local-cli/cli.js start"

// 根目录下面build.gradle
buildscript {
    repositories {
        mavenCentral()  // 增加maven库的依赖
    }
}

allprojects {
    repositories {
        jcenter()
        maven {
            // All of React Native (JS,Android binaries) is installed from npm
            url "$rootDir/node_modules/react-native/android"  // 使用当前根目录下面的这个路径作为本地maven库
        }
    }
}

// library下面的build.gradle
dependencies {
    compile "com.facebook.react:react-native:+"  // 最终使用的是node_modules/react-native/android下面的依赖
}

碰到的问题

// 允许用户忽略最低的SDK版本而选择哪些库可以被导入
<uses-sdk tools:overrideLibrary="com.facebook.react"/>

// 将react native编译的armeabi-v7a的so文件拷贝到library(library中新建lib/armeabi/下面)中.
   sourceSets{
        main {
            jniLibs.srcDirs = ['lib']  // 设置加载so的路径
        }
    }

// 在引用library的工程中设置只加载armeabi的so
android {
    defaultConfig {
        ndk {
            abiFilters 'armeabi'
        }
    }
}

参考

integration with existing apps