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 当成文件，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。XX.jsX.jsonX.nodec. 将 X 当成目录，依次查找下面文件，只要其中有一个存在，就返回该文件，不再继续执行。X/package.json（main字段）X/index.jsX/index.jsonX/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这个文件，该文件中导出了一些常用的组件，