从Android到React Native开发③【自定义原生控件支持】

引言

第三篇，也是react native原生相关的最后的一篇，是时候给收个尾了。这次就不废话了，直接上主题(￣^￣)ゞ。

react native的高效，在于其中大部分组件，都是基于原生封装的，js中对组件的配置与操作，最终都会转化为native控件行为。以上的这段废话，总结起来就是：react native通过统一的接口封装，把原生控件转为js组件使用。

既然有官方封装，那肯定少不了自定义控件。react native自定义组件还是很方便的，关键就在于ViewManager／ViewGroupManager。从类名上，很明显是对应原生中的View和ViewGroup。

*** (PS ：react native 中的View组件，封装的其实是ViewGroupManager，所以View组件才可以包裹子组件，组件中的ZIndex属性，其实就是子组件在add到ViewGroup中先后，如下图) ***

其他的内部细节就不深究咯，愉悦的奔向主题吧(˶‾᷄ ⁻̫ ‾᷅˵)。注意，下方代码分析大部分来自以下路径：

//js组件
node_modules/react-native/Libraries/Components/View
node_modules/react-native/Libraries/Components/WebView

//原生java
react-native-0.xx.x/com.facebook/react/views/view
react-native-0.xx.x/com.fac