前言
眼看很多公司都開始嘗試使用ReactNative,達到跨平臺開發(fā)斟珊，最近也寫了很多文章俯邓，希望讓更多想了解的同學快速上手ReactNative.
如果喜歡我的文章，可以關(guān)注我微博:袁崢Seemygo
ReactNative之解決主頭文件問題
RN沒有頭文件
- 在RN開發(fā)中，可能經(jīng)常需要封裝一個模塊金闽，這個模塊中有很多組件暇唾，有可能在使用一個組件的時候促脉，需要依賴其他組件辰斋，這樣就會導致使用這個模塊一個組件，就常常需要把所有模塊的組件導入瘸味。
- 在iOS中宫仗，有主頭文件，搞個公用的頭文件旁仿，導入這個公用的頭文件就好了藕夫，那么同理RN也可以，關(guān)鍵點枯冈，RN沒有頭文件這個說話
RN如何實現(xiàn)頭文件
- 可以先搞個公用的js文件毅贮，在這里導入所有組件，在暴露出去
/*
*
* @providesModule CommonGroupListViewHeader
*
* **/
import CommonGroupListView from '../CommonGroupListView/CommonGroupListView'
import CommonGroupItem from '../CommonGroupListView/CommonGroupItem'
import CommonArrowItem from '../CommonGroupListView/CommonArrowItem'
import CommonSwitchItem from '../CommonGroupListView/CommonSwitchItem'
// 這句話的意思：把當前文件作為一個模塊導出尘奏，模塊里面有這些子組件
// 以后導入這個模塊的時候滩褥，就能獲取了這個模塊里面的東西.
module.exports = {
CommonGroupListView,
CommonGroupItem,
CommonArrowItem,
CommonSwitchItem
};
- 如何使用主頭文件
- 以后就導入CommonGroupListViewHeader這個文件就好了
import CommonGroupListViewHeader from 'CommonGroupListViewHeader'
// 創(chuàng)建行模型
var item0 = new CommonGroupListViewHeader.CommonSwitchItem('','消息推送','');
var item1 = new CommonGroupListViewHeader.CommonSwitchItem('','圖書借閱','');
var item2 = new CommonGroupListViewHeader.CommonArrowItem('','解綁設備','');
// 創(chuàng)建第0組
var group = new CommonGroupListViewHeader.CommonGroupItem([item0,item1,item2],10);
groups.push(group);
