react native 学习笔记----封装Android的原生组件

参考文档官方版：Native UI Components

中文版：原生UI组件

上面的文档介绍了facebook 开发小组，如何封装原生组件ImageView给js调用，但是没有具体的实例。本文以封装原生TextView为例，一步一步的实现一个简单示例。

提供原生视图很简单：

1. 创建一个ViewManager的子类（或者更常见的，SimpleViewManage的派生类）。
2. 实现createViewInstance方法。
3. 导出视图的属性设置器：使用@ReactProp（或@ReactPropGroup）注解。
4. 把这个视图管理类注册到应用程序包的createViewManagers里。
5. 实现JavaScript模块。

在开始之前，先创建一个工程，命令如下：

react-native init NativeView

第一步. 创建ViewManager的子类MyTextViewManager

第二步.实现方法createViewInstance

第三步. 通过@ReactProp（或@ReactPropGroup）注解来导出属性的设置方法 

上面三步中MyTextViewManager的整个代码如下：