React-native集成到Android时由编译CPU类型限制所产生的问题

如果只想看解决步骤,请查看第7小段。
如果只想看解决步骤,请查看第7小段。
如果只想看解决步骤,请查看第7小段。

1: React-native 引入到Android开发环境中需要修改的gradle脚本,包含以下两部分:

allprojects {
    repositories {
        jcenter()
        // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
        maven { url "$rootDir/node_modules/react-native/android" }
    }
}
dependencies {
    compile 'com.facebook.react:react-native:+'
}

2:引入react-native到android项目时会引入一个aar,由于没有明确指定react-native的版本(只是一个+号,表示最新版本),所以引入项目aar的版本由npm install控制;
npm install命令会根据根据项目目录下的package.json进行下载相关文件;例如:

{
  "name": "RentFive",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "bundle-android": "react-native bundle –platform android –dev true –entry-file index.android.js –bundle-output app/src/main/assets/index.android.bundle –sourcemap-output app/src/main/assets/index.android.map –assets-dest app/src/main/res/"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "eslint": "^3.7.1",
    "eslint-plugin-react": "^6.4.0",
    "react": "15.3.2",
    "react-native": "^0.35.0"
  },
  "devDependencies": {
    "babel-jest": "16.0.0",
    "babel-preset-react-native": "1.9.0",
    "jest": "16.0.2",
    "jest-react-native": "16.0.0",
    "react-test-renderer": "15.3.2"
  }
}

上方文本中控制的 -->"react-native": "^0.35.0"<-- 语句控制了react-native引入android项目的reacti-native aar版本;

3:react-native生成aar的源码在npm install命令下载生成的
'$项目根目录'\node_modules\react-native\ReactAndroid中;
aar中关于对于CPU限制在
'$项目根目录'\node_modules\react-native\ReactAndroid\src\main\jni\Application.mk ,
在这个文件中,我们可以到:

APP_BUILD_SCRIPT := Android.mk
APP_ABI := armeabi-v7a x86
APP_PLATFORM := android-9
APP_MK_DIR := $(dir $(lastword $(MAKEFILE_LIST)))
NDK_MODULE_PATH := $(APP_MK_DIR)$(HOST_DIRSEP)$(THIRD_PARTY_NDK_DIR)$(HOST_DIRSEP)$(REACT_COMMON_DIR)$(HOST_DIRSEP)$(APP_MK_DIR)first-party
APP_STL := gnustl_shared

# Make sure every shared lib includes a .note.gnu.build-id header
APP_LDFLAGS := -Wl,--build-id

NDK_TOOLCHAIN_VERSION := 4.8

说明了CPU的类型限定在了armeabi-v7ax86

4: 所以在android编译打包的时候,要正确运行react-native项目,需要对CPU的编译环境进行限制,如下

ndk {
    abiFilters "armeabi-v7a", 'x86' // 指定要ndk需要兼容的架构
}

packagingOptions {
    exclude "lib/arm64-v8a/librealm-jni.so"
}

这样可以保证android在项目编译时,只引入需要的so文件(只生成CPU限定好的so文件 )

5: 以上步骤的操作决定了react-native的aar版本和所支持的CPU环境,一般情况下就能够实现项目的正常运行,但是在另外一些情况下,比如有其他的功能引入也需要引入so文件,这样同时会现在CPU的环境,这样就可能会存在冲突;
比如高德地图,只支持armeabi环境(由于高德的在线说明文档更新延迟,其实高德SDK已经支持arm64-v8a,不过这个支持无法解决CPU环境冲突的问题)
高德地图CPU支持环境说明:
http://lbs.amap.com/dev/ticket#/faq/291

http://lbs.amap.com/api/android-navi-sdk/guide/create-project/android-studio/#add-so
由于高德地图和react-native环境的冲突,导致项目无法正常运行,要么react-native页面运行正常,需要使用到高德地图的模块进入就崩溃,要么高德地图的模块正常,进入react-native相关页面就崩溃。

6: 有存在冲突,为解决冲突,除了各自引入相对应的CPU环境so包,如果没有相关so包供我们引入,就需要分析各种CPU环境的兼容情况;
首先android支持的CPU环境情况如下:
https://developer.android.com/ndk/guides/application_mk.html
各种CPU结构中的兼容情况如下(后续会使用自有链接):
http://blog.csdn.net/u011688880/article/details/46984547
总之可以得到一个结论,armeabi-v7a的so包能够兼容的使用到armebai环境下,由此可以出现一个解决方案;

7: 解决react-native和高德地图等需要引入so文件的项目而导致的CPU环境冲突问题。

  • 使用armeabi-v7a环境生成 app_xxx.apk 文件;
  • 解压 app_xxx.apk 文件(可以重命名rar或者zip,然后再解压),得到 $解压目录\lib\armeabi-v7a的所有libxxxx.so文件;
  • 把得到的所有libxxxx.so文件全部放入到android的本地项目中(不要问我放到哪个文件夹);
  • 使用armebi重新编译生成 app_yyy.apk文件;
  • app_yyy.apk 文件就是一个只支持armebai环境的包,但是同时也支持了react-native环境的包,解决了因为编译环境导致的so文件冲突;

8: 对于其他CPU环境的冲突,请参考第6和第7两小段的内容,可以解决冲突(获取可以,我没有一个个去试)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 162,825评论 4 377
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,887评论 2 308
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 112,425评论 0 255
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,801评论 0 224
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 53,252评论 3 299
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 41,089评论 1 226
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,216评论 2 322
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 31,005评论 0 215
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,747评论 1 250
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,883评论 2 255
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,354评论 1 265
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,694评论 3 265
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,406评论 3 246
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,222评论 0 9
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,996评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 36,242评论 2 287
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 36,017评论 2 281

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,598评论 25 707
  • 持续更新中...... 一套企业级的 UI 设计语言和 React 实现。 https://mobile.ant....
    日不落000阅读 5,545评论 0 35
  • It is safe to embed user input in JSX: 像这样在JSX中嵌入用户输入是安全的...
    人头原子弹阅读 926评论 0 0
  • 《圓桌派》有一集對“師徒”進行的討論,裡面提到諸如郭德綱師徒等社會事件,不由得對此進行了思考。第一次接觸到師徒這...
    鸟琴y阅读 161评论 2 0
  • 重听了冯淑仙老师的《情绪控制》讲座,找到了绽放读书会的某一次笔记,贴出来让更多人受益。 情绪本来不是问题,可是过度...
    含羞的红颜阅读 987评论 0 0