本文为老曾原创。转载需注明出处:

viewmode=contents">http://blog.csdn.net/minimicall?viewmode=contents

在上一节中,我们通过一个相冊的制作来学习了React Native编写。这一节我们须要開始学习React Native的源代码。

学习源代码,从编译源代码開始。

首先。我们须要把代码从github中克隆下来。

  1. https://github.com/facebook/react-native.git

然后,我们能够切换到它的稳定分支,2016-03-30是我的操作时间,这个时候0.23-stable是最新的稳定版本号。

  1. git checkout -b 0.23-stable remotes/origin/0.23-stable

我们首先升级一下我们的react-native。由于等下创建项目最好使用最新版本号的。

首先。我们须要查询最新版本号:

  1. nam info react-native

得到最新版本号是0.22.2

  1. npm install --save react-native@0.22.2

接下来,创建一个项目:

  1. react-native init videolegend

好,等待漫长的初始化过程。

完事之后,打开项目顶层的package.json文件:

  1. {
  2. "name": "videolegend",
  3. "version": "0.0.1",
  4. "private": true,
  5. "scripts": {
  6. "start": "node node_modules/react-native/local-cli/cli.js start"
  7. },
  8. "dependencies": {
  9. "react": "^0.14.8",
  10. "react-native": "^0.22.2"
  11. }
  12. }

能够看出我们的一个版本号的基本信息。

接下来,我们来进行源代码的编译。编译源代码。官网有一个页面,我们的过程呢,也是基于它的,但假设你全然基于它,那么你是会吃亏的。

所以,为什么我要写一篇文章出来,给大家作为參考。

官网源代码编译地址:点击打开链接

前置条件:

1、SDK : compileSdkVersion 23

2、SDK build tools : 23.0.1

3、Android Support Repository >=17

4 、 NDK (4.8哦就是 ndk-r10b,,4.9都不行,会坑出非常多问题,假设NDK版本号不正确。)

使用AndroidStudio打开项目。

1、项目顶层build.grade的配置:

  1. // Top-level build file where you can add configuration options common to all sub-projects/modules.
  2.  
  3. buildscript {
  4. repositories {
  5. jcenter()
  6. }
  7. dependencies {
  8. classpath 'com.android.tools.build:gradle:1.3.1'
  9. //加以下这一行
  10. classpath 'de.undercouch:gradle-download-task:2.0.0'
  11. // NOTE: Do not place your application dependencies here; they belong
  12. // in the individual module build.gradle files
  13. }
  14. }
  15.  
  16. allprojects {
  17. repositories {
  18. mavenLocal()
  19. jcenter()
  20. maven {
  21. // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
  22. url "$projectDir/../../node_modules/react-native/android"
  23. }
  24. }
  25. }

2、加入ReactAndroid模块,在顶层的setting.grade文件里。配置例如以下:

  1. rootProject.name = 'videolegend'
  2.  
  3. include ':app'
  4. include ':ReactAndroid'
  5. project(':ReactAndroid').projectDir = new File('/Users/zengjinlong/workplace/react/reactnativesrc/react-native/ReactAndroid')

那个绝对文件夹是我的,你仅仅须要改成你的即可。

3、更改项目依赖:在应用模块的build.gradle里面更改依赖部分:

  1. dependencies {
  2. compile fileTree(dir: "libs", include: ["*.jar"])
  3. compile "com.android.support:appcompat-v7:23.0.1"
  4. //compile "com.facebook.react:react-native:+" // From node_modules
  5. compile project(':ReactAndroid')
  6. }

凝视掉原来的,更改为模块依赖。

官网到这里。就叫你能够run啦。呵呵,too young too simple。

首先。ReactAndroid里面的有些下载任务你给它再多时间都不可能完毕。所以。

。。

我们须要离线下载好。

然后更改其脚本,进行编译。

1、离线下载好

boost_1_57_0

double_conversion-1.1.1

folly-deprecate-dynamic-initializer

glog-0.3.3

jsc头文件

然后依照文件夹放到ReactAndroid的build/downloads/文件夹以下。大概有450M内容。

2、改动ReactAndroid的build.grade脚本

主要是删掉那些下载任务的脚本。直接进入拷贝任务和编译任务。

来,我们来感受一下改动前和改动后的差别。

首先。改动前:

  1. // Copyright 2015-present Facebook. All Rights Reserved.
  2.  
  3. apply plugin: 'com.android.library'
  4. apply plugin: 'maven'
  5.  
  6. apply plugin: 'de.undercouch.download'
  7.  
  8. import de.undercouch.gradle.tasks.download.Download
  9. import org.apache.tools.ant.taskdefs.condition.Os
  10. import org.apache.tools.ant.filters.ReplaceTokens
  11.  
  12. // We download various C++ open-source dependencies into downloads.
  13. // We then copy both the downloaded code and our custom makefiles and headers into third-party-ndk.
  14. // After that we build native code from src/main/jni with module path pointing at third-party-ndk.
  15.  
  16. def downloadsDir = new File("$buildDir/downloads")
  17. def thirdPartyNdkDir = new File("$buildDir/third-party-ndk")
  18.  
  19. task createNativeDepsDirectories {
  20. downloadsDir.mkdirs()
  21. thirdPartyNdkDir.mkdirs()
  22. }
  23. //下载boost 超级慢。所以自己下好吧
  24. task downloadBoost(dependsOn: createNativeDepsDirectories, type: Download) {
  25. // Use ZIP version as it's faster this way to selectively extract some parts of the archive
  26. src 'https://downloads.sourceforge.net/project/boost/boost/1.57.0/boost_1_57_0.zip'
  27. // alternative
  28. // src 'http://mirror.nienbo.com/boost/boost_1_57_0.zip'
  29. onlyIfNewer true
  30. overwrite false
  31. dest new File(downloadsDir, 'boost_1_57_0.zip')
  32. }
  33. //下载好boost后,复制到指定文件夹
  34. task prepareBoost(dependsOn: downloadBoost, type: Copy) {
  35. from zipTree(downloadBoost.dest)
  36. from 'src/main/jni/third-party/boost/Android.mk'
  37. include 'boost_1_57_0/boost/**/*.hpp', 'Android.mk'
  38. into "$thirdPartyNdkDir/boost"
  39. }
  40. //下载
  41. task downloadDoubleConversion(dependsOn: createNativeDepsDirectories, type: Download) {
  42. src 'https://github.com/google/double-conversion/archive/v1.1.1.tar.gz'
  43. onlyIfNewer true
  44. overwrite false
  45. dest new File(downloadsDir, 'double-conversion-1.1.1.tar.gz')
  46. }
  47. //
  48. task prepareDoubleConversion(dependsOn: downloadDoubleConversion, type: Copy) {
  49. from tarTree(downloadDoubleConversion.dest)
  50. from 'src/main/jni/third-party/double-conversion/Android.mk'
  51. include 'double-conversion-1.1.1/src/**/*', 'Android.mk'
  52. filesMatching('*/src/**/*', {fname -> fname.path = "double-conversion/${fname.name}"})
  53. includeEmptyDirs = false
  54. into "$thirdPartyNdkDir/double-conversion"
  55. }
  56.  
  57. task downloadFolly(dependsOn: createNativeDepsDirectories, type: Download) {
  58. src 'https://github.com/facebook/folly/archive/deprecate-dynamic-initializer.tar.gz'
  59. onlyIfNewer true
  60. overwrite false
  61. dest new File(downloadsDir, 'folly-deprecate-dynamic-initializer.tar.gz');
  62. }
  63.  
  64. task prepareFolly(dependsOn: downloadFolly, type: Copy) {
  65. from tarTree(downloadFolly.dest)
  66. from 'src/main/jni/third-party/folly/Android.mk'
  67. include 'folly-deprecate-dynamic-initializer/folly/**/*', 'Android.mk'
  68. eachFile {fname -> fname.path = (fname.path - "folly-deprecate-dynamic-initializer/")}
  69. includeEmptyDirs = false
  70. into "$thirdPartyNdkDir/folly"
  71. }
  72.  
  73. task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
  74. src 'https://github.com/google/glog/archive/v0.3.3.tar.gz'
  75. onlyIfNewer true
  76. overwrite false
  77. dest new File(downloadsDir, 'glog-0.3.3.tar.gz')
  78. }
  79.  
  80. // Prepare glog sources to be compiled, this task will perform steps that normally shoudl've been
  81. // executed by automake. This way we can avoid dependencies on make/automake
  82. task prepareGlog(dependsOn: downloadGlog, type: Copy) {
  83. from tarTree(downloadGlog.dest)
  84. from 'src/main/jni/third-party/glog/'
  85. include 'glog-0.3.3/src/**/*', 'Android.mk', 'config.h'
  86. includeEmptyDirs = false
  87. filesMatching('**/*.h.in') {
  88. filter(ReplaceTokens, tokens: [
  89. ac_cv_have_unistd_h: '1',
  90. ac_cv_have_stdint_h: '1',
  91. ac_cv_have_systypes_h: '1',
  92. ac_cv_have_inttypes_h: '1',
  93. ac_cv_have_libgflags: '0',
  94. ac_google_start_namespace: 'namespace google {',
  95. ac_cv_have_uint16_t: '1',
  96. ac_cv_have_u_int16_t: '1',
  97. ac_cv_have___uint16: '0',
  98. ac_google_end_namespace: '}',
  99. ac_cv_have___builtin_expect: '1',
  100. ac_google_namespace: 'google',
  101. ac_cv___attribute___noinline: '__attribute__ ((noinline))',
  102. ac_cv___attribute___noreturn: '__attribute__ ((noreturn))',
  103. ac_cv___attribute___printf_4_5: '__attribute__((__format__ (__printf__, 4, 5)))'
  104. ])
  105. it.path = (it.name - '.in')
  106. }
  107. into "$thirdPartyNdkDir/glog"
  108. }
  109.  
  110. task downloadJSCHeaders(type: Download) {
  111. def jscAPIBaseURL = 'https://svn.webkit.org/repository/webkit/!svn/bc/174650/trunk/Source/JavaScriptCore/API/'
  112. def jscHeaderFiles = ['JSBase.h', 'JSContextRef.h', 'JSObjectRef.h', 'JSRetainPtr.h', 'JSStringRef.h', 'JSValueRef.h', 'WebKitAvailability.h']
  113. def output = new File(downloadsDir, 'jsc')
  114. output.mkdirs()
  115. src(jscHeaderFiles.collect { headerName -> "$jscAPIBaseURL$headerName" })
  116. onlyIfNewer true
  117. overwrite false
  118. dest output
  119. }
  120.  
  121. // Create Android.mk library module based on so files from mvn + include headers fetched from webkit.org
  122. task prepareJSC(dependsOn: downloadJSCHeaders) << {
  123. copy {
  124. from zipTree(configurations.compile.fileCollection { dep -> dep.name == 'android-jsc' }.singleFile)
  125. from {downloadJSCHeaders.dest}
  126. from 'src/main/jni/third-party/jsc/Android.mk'
  127. include 'jni/**/*.so', '*.h', 'Android.mk'
  128. filesMatching('*.h', { fname -> fname.path = "JavaScriptCore/${fname.path}"})
  129. into "$thirdPartyNdkDir/jsc";
  130. }
  131. }
  132.  
  133. def getNdkBuildName() {
  134. if (Os.isFamily(Os.FAMILY_WINDOWS)) {
  135. return "ndk-build.cmd"
  136. } else {
  137. return "ndk-build"
  138. }
  139. }
  140.  
  141. def findNdkBuildFullPath() {
  142. // we allow to provide full path to ndk-build tool
  143. if (hasProperty('ndk.command')) {
  144. return property('ndk.command')
  145. }
  146. // or just a path to the containing directory
  147. if (hasProperty('ndk.path')) {
  148. def ndkDir = property('ndk.path')
  149. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  150. }
  151. if (System.getenv('ANDROID_NDK') != null) {
  152. def ndkDir = System.getenv('ANDROID_NDK')
  153. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  154. }
  155. def ndkDir = android.hasProperty('plugin') ?
  156.  
  157. android.plugin.ndkFolder :
  158. plugins.getPlugin('com.android.library').sdkHandler.getNdkFolder()
  159. if (ndkDir) {
  160. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  161. }
  162. return null
  163. }
  164.  
  165. def getNdkBuildFullPath() {
  166. def ndkBuildFullPath = findNdkBuildFullPath()
  167. if (ndkBuildFullPath == null) {
  168. throw new GradleScriptException(
  169. "ndk-build binary cannot be found, check if you've set " +
  170. "\$ANDROID_NDK environment variable correctly or if ndk.dir is " +
  171. "setup in local.properties",
  172. null)
  173. }
  174. if (!new File(ndkBuildFullPath).canExecute()) {
  175. throw new GradleScriptException(
  176. "ndk-build binary " + ndkBuildFullPath + " doesn't exist or isn't executable.\n" +
  177. "Check that the \$ANDROID_NDK environment variable, or ndk.dir in local.proerties, is set correctly.\n" +
  178. "(On Windows, make sure you escape backslashes in local.properties or use forward slashes, e.g. C:\\\\ndk or C:/ndk rather than C:\\ndk)",
  179. null)
  180. }
  181. return ndkBuildFullPath
  182. }
  183.  
  184. task buildReactNdkLib(dependsOn: [prepareJSC, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
  185. inputs.file('src/main/jni/react')
  186. outputs.dir("$buildDir/react-ndk/all")
  187. commandLine getNdkBuildFullPath(),
  188. 'NDK_PROJECT_PATH=null',
  189. "NDK_APPLICATION_MK=$projectDir/src/main/jni/Application.mk",
  190. 'NDK_OUT=' + temporaryDir,
  191. "NDK_LIBS_OUT=$buildDir/react-ndk/all",
  192. "THIRD_PARTY_NDK_DIR=$buildDir/third-party-ndk",
  193. '-C', file('src/main/jni/react/jni').absolutePath,
  194. '--jobs', project.hasProperty("jobs") ?
  195.  
  196. project.property("jobs") : Runtime.runtime.availableProcessors()
  197. }
  198.  
  199. task cleanReactNdkLib(type: Exec) {
  200. commandLine getNdkBuildFullPath(),
  201. '-C', file('src/main/jni/react/jni').absolutePath,
  202. 'clean'
  203. }
  204.  
  205. task packageReactNdkLibs(dependsOn: buildReactNdkLib, type: Copy) {
  206. from "$buildDir/react-ndk/all"
  207. exclude '**/libjsc.so'
  208. into "$buildDir/react-ndk/exported"
  209. }
  210.  
  211. task packageReactNdkLibsForBuck(dependsOn: packageReactNdkLibs, type: Copy) {
  212. from "$buildDir/react-ndk/exported"
  213. into "src/main/jni/prebuilt/lib"
  214. }
  215.  
  216. android {
  217. compileSdkVersion 23
  218. buildToolsVersion "23.0.1"
  219.  
  220. defaultConfig {
  221. minSdkVersion 16
  222. targetSdkVersion 22
  223. versionCode 1
  224. versionName "1.0"
  225.  
  226. ndk {
  227. moduleName "reactnativejni"
  228. }
  229.  
  230. buildConfigField 'boolean', 'IS_INTERNAL_BUILD', 'false'
  231. testApplicationId "com.facebook.react.tests.gradle"
  232. testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
  233. }
  234.  
  235. sourceSets.main {
  236. jni.srcDirs = []
  237. jniLibs.srcDir "$buildDir/react-ndk/exported"
  238. res.srcDirs = ['src/main/res/devsupport', 'src/main/res/shell', 'src/main/res/views/modal']
  239. java {
  240. srcDirs = ['src/main/java', 'src/main/libraries/soloader']
  241. exclude 'com/facebook/react/processing'
  242. }
  243. }
  244.  
  245. tasks.withType(JavaCompile) {
  246. compileTask -> compileTask.dependsOn packageReactNdkLibs
  247. }
  248.  
  249. clean.dependsOn cleanReactNdkLib
  250.  
  251. lintOptions {
  252. abortOnError false
  253. }
  254. }
  255.  
  256. dependencies {
  257. compile fileTree(dir: 'src/main/third-party/java/infer-annotations/', include: ['*.jar'])
  258. compile 'com.android.support:appcompat-v7:23.0.1'
  259. compile 'com.android.support:recyclerview-v7:23.0.1'
  260. compile 'com.facebook.fresco:fresco:0.8.1'
  261. compile 'com.facebook.fresco:imagepipeline-okhttp:0.8.1'
  262. compile 'com.facebook.stetho:stetho:1.2.0'
  263. compile 'com.facebook.stetho:stetho-okhttp:1.2.0'
  264. compile 'com.fasterxml.jackson.core:jackson-core:2.2.3'
  265. compile 'com.google.code.findbugs:jsr305:3.0.0'
  266. compile 'com.squareup.okhttp:okhttp:2.5.0'
  267. compile 'com.squareup.okhttp:okhttp-ws:2.5.0'
  268. compile 'com.squareup.okio:okio:1.6.0'
  269. compile 'org.webkit:android-jsc:r174650'
  270.  
  271. testCompile "junit:junit:${JUNIT_VERSION}"
  272. testCompile "org.powermock:powermock-api-mockito:${POWERMOCK_VERSION}"
  273. testCompile 'com.fasterxml.jackson.core:jackson-databind:2.2.3'
  274. testCompile "org.powermock:powermock-module-junit4-rule:${POWERMOCK_VERSION}"
  275. testCompile "org.powermock:powermock-classloading-xstream:${POWERMOCK_VERSION}"
  276. testCompile "org.mockito:mockito-core:${MOCKITO_CORE_VERSION}"
  277. testCompile "org.easytesting:fest-assert-core:${FEST_ASSERT_CORE_VERSION}"
  278. testCompile "org.robolectric:robolectric:${ROBOLECTRIC_VERSION}"
  279.  
  280. androidTestCompile "com.android.support.test:testing-support-lib:0.1"
  281. }
  282.  
  283. apply from: 'release.gradle'

改动完以后:

  1. // Copyright 2015-present Facebook. All Rights Reserved.
  2.  
  3. apply plugin: 'com.android.library'
  4. apply plugin: 'maven'
  5.  
  6. apply plugin: 'de.undercouch.download'
  7.  
  8. import de.undercouch.gradle.tasks.download.Download
  9. import org.apache.tools.ant.taskdefs.condition.Os
  10. import org.apache.tools.ant.filters.ReplaceTokens
  11.  
  12. // We download various C++ open-source dependencies into downloads.
  13. // We then copy both the downloaded code and our custom makefiles and headers into third-party-ndk.
  14. // After that we build native code from src/main/jni with module path pointing at third-party-ndk.
  15.  
  16. def downloadsDir = new File("$buildDir/downloads")
  17. def thirdPartyNdkDir = new File("$buildDir/third-party-ndk")
  18.  
  19. task createNativeDepsDirectories {
  20. downloadsDir.mkdirs()
  21. thirdPartyNdkDir.mkdirs()
  22. }
  23. //
  24. //task downloadBoost(dependsOn: createNativeDepsDirectories, type: Download) {
  25. // // Use ZIP version as it's faster this way to selectively extract some parts of the archive
  26. // src 'https://downloads.sourceforge.net/project/boost/boost/1.57.0/boost_1_57_0.zip'
  27. // // alternative
  28. // // src 'http://mirror.nienbo.com/boost/boost_1_57_0.zip'
  29. // onlyIfNewer true
  30. // overwrite false
  31. // dest new File(downloadsDir, 'boost_1_57_0.zip')
  32. //}
  33.  
  34. task prepareBoost( type: Copy) {
  35. from 'build/downloads/'
  36. from 'src/main/jni/third-party/boost/Android.mk'
  37. include 'boost_1_57_0/boost/**/*.hpp', 'Android.mk'
  38. into "$thirdPartyNdkDir/boost"
  39. }
  40.  
  41. //task downloadDoubleConversion(dependsOn: createNativeDepsDirectories, type: Download) {
  42. // src 'https://github.com/google/double-conversion/archive/v1.1.1.tar.gz'
  43. // onlyIfNewer true
  44. // overwrite false
  45. // dest new File(downloadsDir, 'double-conversion-1.1.1.tar.gz')
  46. //}
  47.  
  48. task prepareDoubleConversion(type: Copy) {
  49. from 'build/downloads/'
  50. from 'src/main/jni/third-party/double-conversion/Android.mk'
  51. include 'double-conversion-1.1.1/src/**/*', 'Android.mk'
  52. filesMatching('*/src/**/*', {fname -> fname.path = "double-conversion/${fname.name}"})
  53. includeEmptyDirs = false
  54. into "$thirdPartyNdkDir/double-conversion"
  55. }
  56.  
  57. //task downloadFolly(dependsOn: createNativeDepsDirectories, type: Download) {
  58. // src 'https://github.com/facebook/folly/archive/deprecate-dynamic-initializer.tar.gz'
  59. // onlyIfNewer true
  60. // overwrite false
  61. // dest new File(downloadsDir, 'folly-deprecate-dynamic-initializer.tar.gz');
  62. //}
  63.  
  64. task prepareFolly(type: Copy) {
  65. from 'build/downloads/'
  66. from 'src/main/jni/third-party/folly/Android.mk'
  67. include 'folly-deprecate-dynamic-initializer/folly/**/*', 'Android.mk'
  68. eachFile {fname -> fname.path = (fname.path - "folly-deprecate-dynamic-initializer/")}
  69. includeEmptyDirs = false
  70. into "$thirdPartyNdkDir/folly"
  71. }
  72.  
  73. //task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
  74. // src 'https://github.com/google/glog/archive/v0.3.3.tar.gz'
  75. // onlyIfNewer true
  76. // overwrite false
  77. // dest new File(downloadsDir, 'glog-0.3.3.tar.gz')
  78. //}
  79.  
  80. // Prepare glog sources to be compiled, this task will perform steps that normally shoudl've been
  81. // executed by automake. This way we can avoid dependencies on make/automake
  82. task prepareGlog( type: Copy) {
  83. from 'build/downloads/'
  84. from 'src/main/jni/third-party/glog/'
  85. include 'glog-0.3.3/src/**/*', 'Android.mk', 'config.h'
  86. includeEmptyDirs = false
  87. filesMatching('**/*.h.in') {
  88. filter(ReplaceTokens, tokens: [
  89. ac_cv_have_unistd_h: '1',
  90. ac_cv_have_stdint_h: '1',
  91. ac_cv_have_systypes_h: '1',
  92. ac_cv_have_inttypes_h: '1',
  93. ac_cv_have_libgflags: '0',
  94. ac_google_start_namespace: 'namespace google {',
  95. ac_cv_have_uint16_t: '1',
  96. ac_cv_have_u_int16_t: '1',
  97. ac_cv_have___uint16: '0',
  98. ac_google_end_namespace: '}',
  99. ac_cv_have___builtin_expect: '1',
  100. ac_google_namespace: 'google',
  101. ac_cv___attribute___noinline: '__attribute__ ((noinline))',
  102. ac_cv___attribute___noreturn: '__attribute__ ((noreturn))',
  103. ac_cv___attribute___printf_4_5: '__attribute__((__format__ (__printf__, 4, 5)))'
  104. ])
  105. it.path = (it.name - '.in')
  106. }
  107. into "$thirdPartyNdkDir/glog"
  108. }
  109.  
  110. task downloadJSCHeaders(type: Download) {
  111. def jscAPIBaseURL = 'https://svn.webkit.org/repository/webkit/!svn/bc/174650/trunk/Source/JavaScriptCore/API/'
  112. def jscHeaderFiles = ['JSBase.h', 'JSContextRef.h', 'JSObjectRef.h', 'JSRetainPtr.h', 'JSStringRef.h', 'JSValueRef.h', 'WebKitAvailability.h']
  113. def output = new File(downloadsDir, 'jsc')
  114. output.mkdirs()
  115. src(jscHeaderFiles.collect { headerName -> "$jscAPIBaseURL$headerName" })
  116. onlyIfNewer true
  117. overwrite false
  118. dest output
  119. }
  120.  
  121. // Create Android.mk library module based on so files from mvn + include headers fetched from webkit.org
  122. task prepareJSC(dependsOn: downloadJSCHeaders) << {
  123. copy {
  124. from zipTree(configurations.compile.fileCollection { dep -> dep.name == 'android-jsc' }.singleFile)
  125. from {downloadJSCHeaders.dest}
  126. from 'src/main/jni/third-party/jsc/Android.mk'
  127. include 'jni/**/*.so', '*.h', 'Android.mk'
  128. filesMatching('*.h', { fname -> fname.path = "JavaScriptCore/${fname.path}"})
  129. into "$thirdPartyNdkDir/jsc";
  130. }
  131. }
  132.  
  133. def getNdkBuildName() {
  134. if (Os.isFamily(Os.FAMILY_WINDOWS)) {
  135. return "ndk-build.cmd"
  136. } else {
  137. return "ndk-build"
  138. }
  139. }
  140.  
  141. def findNdkBuildFullPath() {
  142. // we allow to provide full path to ndk-build tool
  143. if (hasProperty('ndk.command')) {
  144. return property('ndk.command')
  145. }
  146. // or just a path to the containing directory
  147. if (hasProperty('ndk.path')) {
  148. def ndkDir = property('ndk.path')
  149. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  150. }
  151. if (System.getenv('ANDROID_NDK') != null) {
  152. def ndkDir = System.getenv('ANDROID_NDK')
  153. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  154. }
  155. def ndkDir = android.hasProperty('plugin') ? android.plugin.ndkFolder :
  156. plugins.getPlugin('com.android.library').sdkHandler.getNdkFolder()
  157. if (ndkDir) {
  158. return new File(ndkDir, getNdkBuildName()).getAbsolutePath()
  159. }
  160. return null
  161. }
  162.  
  163. def getNdkBuildFullPath() {
  164. def ndkBuildFullPath = findNdkBuildFullPath()
  165. if (ndkBuildFullPath == null) {
  166. throw new GradleScriptException(
  167. "ndk-build binary cannot be found, check if you've set " +
  168. "\$ANDROID_NDK environment variable correctly or if ndk.dir is " +
  169. "setup in local.properties",
  170. null)
  171. }
  172. if (!new File(ndkBuildFullPath).canExecute()) {
  173. throw new GradleScriptException(
  174. "ndk-build binary " + ndkBuildFullPath + " doesn't exist or isn't executable.\n" +
  175. "Check that the \$ANDROID_NDK environment variable, or ndk.dir in local.proerties, is set correctly.\n" +
  176. "(On Windows, make sure you escape backslashes in local.properties or use forward slashes, e.g. C:\\\\ndk or C:/ndk rather than C:\\ndk)",
  177. null)
  178. }
  179. return ndkBuildFullPath
  180. }
  181.  
  182. task buildReactNdkLib(dependsOn: [prepareJSC, prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog], type: Exec) {
  183. inputs.file('src/main/jni/react')
  184. outputs.dir("$buildDir/react-ndk/all")
  185. commandLine getNdkBuildFullPath(),
  186. 'NDK_PROJECT_PATH=null',
  187. "NDK_APPLICATION_MK=$projectDir/src/main/jni/Application.mk",
  188. 'NDK_OUT=' + temporaryDir,
  189. "NDK_LIBS_OUT=$buildDir/react-ndk/all",
  190. "THIRD_PARTY_NDK_DIR=$buildDir/third-party-ndk",
  191. '-C', file('src/main/jni/react/jni').absolutePath,
  192. '--jobs', project.hasProperty("jobs") ? project.property("jobs") : Runtime.runtime.availableProcessors()
  193. }
  194.  
  195. task cleanReactNdkLib(type: Exec) {
  196. commandLine getNdkBuildFullPath(),
  197. '-C', file('src/main/jni/react/jni').absolutePath,
  198. 'clean'
  199. }
  200.  
  201. task packageReactNdkLibs(dependsOn: buildReactNdkLib, type: Copy) {
  202. from "$buildDir/react-ndk/all"
  203. exclude '**/libjsc.so'
  204. into "$buildDir/react-ndk/exported"
  205. }
  206.  
  207. task packageReactNdkLibsForBuck(dependsOn: packageReactNdkLibs, type: Copy) {
  208. from "$buildDir/react-ndk/exported"
  209. into "src/main/jni/prebuilt/lib"
  210. }
  211.  
  212. android {
  213. compileSdkVersion 23
  214. buildToolsVersion "23.0.1"
  215.  
  216. defaultConfig {
  217. minSdkVersion 16
  218. targetSdkVersion 22
  219. versionCode 1
  220. versionName "1.0"
  221.  
  222. ndk {
  223. moduleName "reactnativejni"
  224. }
  225.  
  226. buildConfigField 'boolean', 'IS_INTERNAL_BUILD', 'false'
  227. testApplicationId "com.facebook.react.tests.gradle"
  228. testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
  229. }
  230.  
  231. sourceSets.main {
  232. jni.srcDirs = []
  233. jniLibs.srcDir "$buildDir/react-ndk/exported"
  234. res.srcDirs = ['src/main/res/devsupport', 'src/main/res/shell', 'src/main/res/views/modal']
  235. java {
  236. srcDirs = ['src/main/java', 'src/main/libraries/soloader']
  237. exclude 'com/facebook/react/processing'
  238. }
  239. }
  240.  
  241. tasks.withType(JavaCompile) {
  242. compileTask -> compileTask.dependsOn packageReactNdkLibs
  243. }
  244.  
  245. clean.dependsOn cleanReactNdkLib
  246.  
  247. lintOptions {
  248. abortOnError false
  249. }
  250. }
  251.  
  252. dependencies {
  253. compile fileTree(dir: 'src/main/third-party/java/infer-annotations/', include: ['*.jar'])
  254. compile 'com.android.support:appcompat-v7:23.0.1'
  255. compile 'com.android.support:recyclerview-v7:23.0.1'
  256. compile 'com.facebook.fresco:fresco:0.8.1'
  257. compile 'com.facebook.fresco:imagepipeline-okhttp:0.8.1'
  258. compile 'com.facebook.stetho:stetho:1.2.0'
  259. compile 'com.facebook.stetho:stetho-okhttp:1.2.0'
  260. compile 'com.fasterxml.jackson.core:jackson-core:2.2.3'
  261. compile 'com.google.code.findbugs:jsr305:3.0.0'
  262. compile 'com.squareup.okhttp:okhttp:2.5.0'
  263. compile 'com.squareup.okhttp:okhttp-ws:2.5.0'
  264. compile 'com.squareup.okio:okio:1.6.0'
  265. compile 'org.webkit:android-jsc:r174650'
  266.  
  267. testCompile "junit:junit:${JUNIT_VERSION}"
  268. testCompile "org.powermock:powermock-api-mockito:${POWERMOCK_VERSION}"
  269. testCompile 'com.fasterxml.jackson.core:jackson-databind:2.2.3'
  270. testCompile "org.powermock:powermock-module-junit4-rule:${POWERMOCK_VERSION}"
  271. testCompile "org.powermock:powermock-classloading-xstream:${POWERMOCK_VERSION}"
  272. testCompile "org.mockito:mockito-core:${MOCKITO_CORE_VERSION}"
  273. testCompile "org.easytesting:fest-assert-core:${FEST_ASSERT_CORE_VERSION}"
  274. testCompile "org.robolectric:robolectric:${ROBOLECTRIC_VERSION}"
  275.  
  276. androidTestCompile "com.android.support.test:testing-support-lib:0.1"
  277. }
  278.  
  279. apply from: 'release.gradle'

去掉了那些下载,由于我们已经下载好,扔进去。至于那些怎么下载,大家就自己自行想办法吧,反正一个个下载。

然后能够编译了。

注意ndk版本号。在local.properties文件中面设定:

  1. ndk.dir=/Users/zengjinlong/workplace/android-ndk-r10b
  2. sdk.dir=/Users/zengjinlong/workplace/android-sdk-macosx

OK,跑起来。

然后,在项目的顶层。npm start 。

注意。我们并没有将ReactAndroid 装载到node_module里面。由于这样easy出问题,所以这也是跟官网差异的一个地方。就是,project依赖是通过源代码。可是npm start的,事实上是node_module里面的,也就是0.22.2

好,今天就到这里。有什么不懂的,能够来问我。

470910357@qq.com;

微信:micall123

React Native Android入门实战及深入源代码分析系列(2)——React Native源代码编译的更多相关文章

  1. Spark SQL 源代码分析系列

    从决定写Spark SQL文章的源代码分析,到现在一个月的时间,一个又一个几乎相同的结束很快,在这里也做了一个综合指数,方便阅读,下面是读取顺序 :) 第一章 Spark SQL源代码分析之核心流程 ...

  2. MyBatis架构设计及源代码分析系列(一):MyBatis架构

    如果不太熟悉MyBatis使用的请先参见MyBatis官方文档,这对理解其架构设计和源码分析有很大好处. 一.概述 MyBatis并不是一个完整的ORM框架,其官方首页是这么介绍自己 The MyBa ...

  3. OpenStack_Swift源代码分析——Ring的rebalance算法源代码具体分析

    1 Command类中的rebalnace方法 在上篇文章中解说了,创建Ring已经为Ring加入设备.在加入设备后须要对Ring进行平衡,平衡 swift-ring-builder object.b ...

  4. Cordova Android源代码分析系列一(项目总览和CordovaActivity分析)

    版权声明:本文为博主offbye西涛原创文章.未经博主同意不得转载. https://blog.csdn.net/offbye/article/details/31776833 PhoneGap/Co ...

  5. 《React+Redux前端开发实战》笔记1:不涉及React项目构建的Hello World案例

    本小节实现一个不涉及项目构建的Hello World. [React的第一个Hello World网页] 源码地址:https://jsfiddle.net/allan91/2h1sf0ky/8/ & ...

  6. lightning mdb 源代码分析系列(3)

    本系列前两章已经描述了系统架构以及系统构建的基础内存映射,本章将详细描述lmdb的核心,外存B+Tree的操作.本文将从基本原理.内存操作方式.外存操作方式以及LMDB中的相关函数等几方面描述LMDB ...

  7. Linux-0.11内核源代码分析系列:内存管理get_free_page()函数分析

    Linux-0.11内存管理模块是源码中比較难以理解的部分,如今把笔者个人的理解发表 先发Linux-0.11内核内存管理get_free_page()函数分析 有时间再写其它函数或者文件的:) /* ...

  8. WPF源代码分析系列一:剖析WPF模板机制的内部实现(一)

    众所周知,在WPF框架中,Visual类是可以提供渲染(render)支持的最顶层的类,所有可视化元素(包括UIElement.FrameworkElment.Control等)都直接或间接继承自Vi ...

  9. RTMPdump(libRTMP)源代码分析 4: 连接第一步——握手(Hand Shake)

    ===================================================== RTMPdump(libRTMP) 源代码分析系列文章: RTMPdump 源代码分析 1: ...

随机推荐

  1. centos6.5 安装stardict 出现问题 [Errno 256] No more mirrors to try

    1. 下载startdict #wget http://downloads.naulinux.ru/pub/NauLinux/6x/i386/sites/School/RPMS/stardict-3. ...

  2. POJ2349 Arctic Network(Prim)

    Arctic Network Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 16968   Accepted: 5412 D ...

  3. MySQL 将某个字段值的记录排在最后,其余记录单独排序

    1.按 status 值 2 5 3 的顺序排序,值相同则按修改时间排序 order by FIELD(status,2,5,3),a.ModifyTime desc 2.将 status = 3 的 ...

  4. Oracle的锁

    Oracle数据库中的锁机制 数据库是一个多用户使用的共享资源.当多个用户并发地存取数据时,在数据库中就会产生多个事务同时存取同一数据的情况.若对并发操作不加控制就可能会读取和存储不正确的数据,破坏数 ...

  5. Codeforces 716 E Digit Tree

    E. Digit Tree time limit per test 3 seconds memory limit per test 256 megabytes input standard input ...

  6. Mybatis添加&&删除&&更新

    mapper <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC & ...

  7. iOS开发技巧——Autolayout动画

          使用Autolayout时需要在动画的代码前面后面添加 layoutIfNeeded方法 Animation AutoLayout也可以配合传统的animation方法,整体代码结构如下. ...

  8. NDK之HelloWord!

    使用工具:Android Studio 2.2.2 1. 配置local.properties添加NDK路径.    效果:当然,你也可以手输写进去. 2. 项目gradle.properties追加 ...

  9. Flex State

    在Flex 程序中,引入了状态设计的概念.在一个程序中,按照功能的需求,将界面切分成相对独立的部分.运行过程中,随着用户交互,界面在各个部分之间切换.比如在购物车程序中,登录界面.选购商品界面.购物车 ...

  10. Word2010插入页码分节符

    不是分页符,分节符主要是为了插入前后两种不同类型的页码,比如前面查罗马数字,从目录开始插入阿拉伯数字.