NativeBase 特殊組件簡介

Drawer 最完整的導覽選單

ActionSheet 動作選單

按下按鈕後，下方拉出選單

card

用於顯示區塊，內含文字或圖片，可有頭尾。

Deck Swiper 用滑的方式切換頁面

可一次評估一個選項

FABs 浮動按鈕

帶有圓圈的圖標浮動在UI上方的固定位置，並且具有特殊的運動行為。 單擊時，它可能包含更多相關操作。

Footer Tabs 底部導覽列

List 相關類型

List Divider

有分隔列的清單，用於顯示分組

List Icon

實務上會在列表加上 icon

Swipeable List

已被廢除。建議改用 react-native-swipe-list-view。

表單元素

Radio Button

Check Box

Picker Input

手機版的下拉式選單

Search Bar

放於 header 內

Segment 切換頁面鈕

主要用於 iOS 取代 tabs ，但會切換路徑。

Tabs

頁籤會在 header 中，也可加 icon 。

Spinner 過場動畫

替代 ActivityIndicator

Grid 佈局

column, row 預設會自動均分容器，但可用 size 控制比例。

<Grid>
  <Col size={1} style={{ backgroundColor: "#DD9E2C" }} />
  <Col size={2} >
    <Row style={{ backgroundColor: "#00CE9F" }} />
    <Row style={{ backgroundColor: "#635DB7" }} />
  </Col>
</Grid>

其它

• icon 內的 active 屬性為 true 時，表示填滿