转载

[React Native Android 安利系列]js调用java组件原理

欢迎大家收看react-native-android系列教程，跟着本系列教程学习，可以熟练掌握react-native-android的开发，你值得拥有：

https://segmentfault.com/blog...

上节说到，我们可以通过react-native的接口，来向js中导出原生的方法，并可以被调用，这节，我们来分析一下，整个过程是怎样的，作为我们系列教程中的一节，其实只是辅助我们更好的开发和理解，不感兴趣的同学可以直接跳过看下一章

1. 大致原理

react-native中js与java沟通的主要桥梁就是jscore与jni了。下面，我们捋一下整个流程。

1.1 react-native 在java中注册的模块及其方法。 在初始化的时候，java通过JNI，注册统一方法到C++中。

1.2 C++在初始化的时候，会注册一个全局的方法，到jscore中。该方法js可以调用，并且会调用C++方法。

1.3 js运行时，会通过nativeModule将原生方法暴露， 在js调用方法的时候去调用C++提供的全局方法。

1.4 C++通过js的调用，反射查找java类， 并调用java的方法。去告诉java执行某一方法。

以下为整个过程的图解：（拿windows附件里面的画图画的，太难看，大家不要见怪.....）

因为是讲解，本文没有代码例子。如果想更加详细的了解调用关系，及详细代码，推荐参考这篇文章：

https://zhuanlan.zhihu.com/p/...

下节更精彩，我们将来一起看看react-native-android的样式的写法及常见的布局小例子，不要错过哦

原文 https://segmentfault.com/a/1190000006225646

正文到此结束

所属分类：编程技术

本站定位：个人技术类博客

本站作用：写博客、记日志、闲聊扯淡鼓捣技术。