在目前市面上的APP中莺禁，大部分都是選項與選項之間的切換留量，比如：微信、微博哟冬、QQ空間......, 在iOS中楼熄，我們可以通過TabItem類進行實現(xiàn)。那么浩峡，在React Native中可岂，我們應(yīng)該怎么實現(xiàn)呢？
在React Native中可以通過TabBarIOS和TabBarIOS.Item組件來實現(xiàn)選項卡切換效果翰灾，大家可以看到后面帶有IOS缕粹，所以這個組件是不支持Android的，當(dāng)然后面我們可以自定義該組件纸淮。
一平斩、TabBarIOS常見的屬性
View的所有屬性都可以被繼承
barTintColor color 設(shè)置tab條的背景顏色
tintColor color 設(shè)置tab條上被選中圖標(biāo)的顏色
translucent bool 設(shè)置Tab欄是不是半透明的效果
二、TabBarIOS.Item常見的屬性
badge number
在圖標(biāo)的右上方顯示小紅色氣泡萎馅，顯示信息
icon Image.propTypes.source
Tab按鈕自定義的圖標(biāo)双戳，如果systemicon屬性被定義了虹蒋，那么該屬性會被忽略
onPress function
當(dāng)Tab按鈕被選中的時候進行回調(diào)糜芳，你可以設(shè)置selected={true}來設(shè)置組件被選中
selected bool
該屬性標(biāo)志子頁面是否可見，如果是一個空白的內(nèi)容頁面魄衅，那么一定是忘記了選中任何的一個頁面標(biāo)簽Tab
selectedIcon Image.propTypes.source
設(shè)置當(dāng)Tab按鈕被選中的時候顯示的自定義圖標(biāo)峭竣，如果systemIcon屬性被設(shè)置了，那么該屬性會被忽略晃虫。如果定義了icon屬性皆撩，但是當(dāng)前的selectedIcon屬性沒有設(shè)置，那么該圖標(biāo)會被設(shè)置成藍色
style 設(shè)置樣式風(fēng)格，繼承View的樣式各種風(fēng)格
systemIcon
enum('bookmarks','contacts','downloads','favorites','featured','history','more','most-recent','most-viewed','recents','search','top-rated')
系統(tǒng)預(yù)定義的圖標(biāo)扛吞，如果你使用這些圖標(biāo)呻惕，那么你上面設(shè)置的標(biāo)題，選中的圖標(biāo)都會被這些系統(tǒng)圖標(biāo)所覆蓋滥比。
title string
在Tab按鈕圖標(biāo)下面顯示的標(biāo)題信息亚脆，如果你設(shè)置了SystemIcon屬性，那么該屬性會被忽略
三盲泛、TabBarIOS.Item案例展示
代碼截圖如下:
案例效果展示:
<p></p>
<p></p>
<p></p>
<p></p>
近期正在把公眾賬號的文章轉(zhuǎn)移到簡書濒持，如果要了解第一動態(tài)，請關(guān)注我的微信公眾賬號寺滚，帶你從零到一的進行React Native開發(fā)實戰(zhàn)柑营，在其他文章中會有對應(yīng)的code和資料發(fā)放！
