一、编译环境
1、AS (本例用的是Android Studio Arctic Fox | 2020.3.1)
2、buildToolsVersion '28.0.0'
3、NDK-r10e版本 (下载地址:MAC: https://dl.google.com/android/repository/android-ndk-r10e-darwin-x86_64.zip?hl=zh_cn
Windows:https://dl.google.com/android/repository/android-ndk-r10e-windows-x86_64.zip?hl=zh_cn)
二、编译步骤
1、下载react native源码
打开终端使用命令
npm install --save react-native@0.57.7
下载完毕后可以得到node_modules目录,里面就是RN源码
2、创建Android工程
使用as新创建一个空的Android工程 minSdkVersion 16,选java语言
修改配置:
- local.properties添加sdk路径和ndk路径
sdk.dir=/Users/你的用户名/Library/Android/sdk
ndk.dir=/Users/你的用户名/Library/Android/sdk/android-ndk-r10e
- 外层gradle.properties
添加 android.useDeprecatedDdk=true
修改android.useAndroidX=false
android.enableJetifier=false - 外层build.gradle
buildscript {
repositories {
jcenter()
google()
}
dependencies {
classpath 'com.android.tools.build:gradle:2.3.0'
classpath 'de.undercouch:gradle-download-task:3.2.0'
}
}
allprojects {
repositories {
jcenter()
google()
}
}
- 把node_modules/react-native/文件夹中的ReactAndroid和ReactCommon文件夹复制到Android工程下,当然不复制也行,只要setting.gradle的路径配置能指向对也可以。
修改setting.gradle添加 include ':ReactAndroid' - 修改app目录build.gradle 添加compile project(':ReactAndroid')
apply plugin: 'com.android.application'
android {
compileSdkVersion 28
buildToolsVersion '28.0.0'
defaultConfig {
applicationId "com.example.reactnativedemo"
minSdkVersion 16
targetSdkVersion 26
versionCode 1
versionName "1.0"
ndk {
abiFilters "armeabi-v7a", "x86"
}
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
}
}
configurations.all {
exclude group: 'com.facebook.react', module: 'react-native'
}
}
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
compile 'com.android.support:appcompat-v7:28.0.0'
compile project(':ReactAndroid')
}
- 修改ReactAndroid 目录下的build.gradle的编译版本和v7版本
android {
compileSdkVersion 28
buildToolsVersion '28.0.0'
...
}
dependencies {
...
compile 'com.android.support:appcompat-v7:28.0.0'
...
}
- Sync Project ,然后Build-Make Project编译项目
期间遇到的问题
build卡着不动,主要是下载一些三方资源请求失败了,在ReactAndroid目录下的build.gradle中可以看到有downloadBoost、downloadDoubleConversion、downloadFolly、downloadGlog、downloadJSCHeaders这五个task需要下载依赖库,访问地址需要修改一下才能请求到正确的资源,修改如下:
task downloadDoubleConversion(dependsOn: createNativeDepsDirectories, type: Download) {
src "https://github.com/google/double-conversion/archive/refs/tags/v${DOUBLE_CONVERSION_VERSION}.tar.gz"
...
}
task downloadFolly(dependsOn: createNativeDepsDirectories, type: Download) {
src "https://github.com/facebook/folly/archive/refs/tags/v${FOLLY_VERSION}.tar.gz"
...
}
task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
src "https://github.com/google/glog/archive/refs/tags/v${GLOG_VERSION}.tar.gz"
...
}
task downloadJSCHeaders(type: Download) {
def jscAPIBaseURL = 'https://svn.webkit.org/repository/webkit/!svn/bc/174650/trunk/Source/JavaScriptCore/API/'
...
}
修改完之后大概率就可以编译通过了,编译通过后在ReactAndroid/build/react-ndk目录会生成一下so库,为防止clean被删除,可以把该文件夹移动到ReactAndroid目录下,修改build.gralde配置为 jniLibs.srcDir "react-ndk/exported"即可。
网友评论