React-Native-Android怎么封装原生组件

Question

React-Native-Android怎么封装原生组件

Answer 1

1.创建一个ViewManager的子类，并实现必需方法。
2.创建自己的ReactPackage,并将1中创建的ViewManager的子类添加到其中；再将自己的ReactPackage添加到工程里的ReactActivity。
3.在1中创建的ViewManager子类中导出视图的属性设置器：使用@ReactProp
（或@ReactPropGroup）注解。
4.实现JS模块。
5.在JS里使用封装的原生UI。
6.注册原生事件

Answer 2

在使用React Native的时候，经常会看到这么一段代码
var React = require('react-native');1

那么require这个语句的作用到底是什么呢，下面的流程提取自require() 源码解读
当遇到 require(X) 时，按下面的顺序处理。
（1）如果 X 是内置模块（比如 require(‘http’）)
　　a. 返回该模块。
　　b. 不再继续执行。
（2）如果 X 以 “./” 或者 “/” 或者 “../” 开头
a. 根据 X 所在的父模块，确定 X 的绝对路径。
b. 将 X 当成文件，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。
X
X.js
X.json
X.node
c. 将 X 当成目录，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。
X/package.json（main字段）
X/index.js
X/index.json
X/index.node
（3）如果 X 不带路径
　　a. 根据 X 所在的父模块，确定 X 可能的安装目录。
　　b. 依次在每个目录中，将 X 当成文件名或目录名加载。
（4） 抛出 “not found”
以上就是require语句的整个执行过程。那么require(‘react-native’);请求的到底是什么呢，其实就是node_modules\react-native\Libraries\react-native\react-native.js这个文件，该文件中导出了一些常用的组件，