React Native调用原生UI组件

在React Native 中，其已经将几个常用的原生组件进行了封装，但是并不是所有系统的原始组件都被封装了，因此有时候我们不得不自己动手封装一下，从而能够使用那些React Native没有为我们封装的原生组件。为了方便讲解，我们选择第一个第三方库kenburnsview来讲解，kenburnsview是一个可以让图片在在页面移动或者放大缩小的库。

Android原生组件封装

1，继承SimpleViewManager，返回UI组件实例
首先，需要继承 SimpleViewManager 这个泛型类，和原生模块类似，需要重写 getName() 方法，将UI组件名称暴露给javascript层，接着需要重写 createViewInstance 方法，在里面返回需要使用的原生UI组件的实例。
2，暴露接口给javascript层调用
然后，就是暴露一些必要属性给javascript层，为了简单起见，我们这里只暴露两个属性，一个是 url ，一个是 html ，一旦javascript层设置了url，就会加载一个网页，而一旦设置了html，则会去加载这段html，而属性的暴露是使用注解。
为了方便，提供对应的set方法，之后在set方法中处理UI的更新操作。

代码实现

首先看一下效果：

首先新建一个RN项目，