3 回答

TA貢獻1830條經驗 獲得超9個贊
1.創建一個ViewManager的子類,并實現必需方法。
2.創建自己的ReactPackage,并將1中創建的ViewManager的子類添加到其中;再將自己的ReactPackage添加到工程里的ReactActivity。
3.在1中創建的ViewManager子類中導出視圖的屬性設置器:使用@ReactProp
(或@ReactPropGroup)注解。
4.實現JS模塊。
5.在JS里使用封裝的原生UI。
6.注冊原生事件

TA貢獻1860條經驗 獲得超8個贊
在使用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這個文件,該文件中導出了一些常用的組件,
- 3 回答
- 0 關注
- 1792 瀏覽
添加回答
舉報