容器組件

每個組件都有支持的屬性和方法，需要時要再查閱

• View：

  • 區塊組件，可內含多個組件，<div>的native版本

  • View 要搭配 StyleSheet 使用

  • 直接支持 Flexbox 布局、樣式

  • Android 的 android.view；iOS 的 UIView

• scrollView：

  • 滾動容器組件，用來在有限的區域顯示更多的內容

  • 必須有一個確定的高度才能正常工作，若不知確定高度，可用 flex:1 讓其自動填充父容器的剩餘空間

  • 當 pagingEnabled 設定為 true 時，滾動是片段的，可製作成輪播廣告

  • 官方的組件 FlatList 也可實現滾動效果。不同的是 FlatList 要在子元素即將出現在螢幕中時才渲染，ScrollView 會一次渲染出來

  • 輪播廣告可用react-native-swiper替代

      <ScrollView 
          // 可以使用this.refs.scrollView来获取该组件
          ref="scrollView" 
  
          //橫向滾動
          horizontal={true} 
          showsHorizontalScrollIndicator={false} 
          //分頁
          pagingEnabled={true}>
          // ...
          
      </ScrollView>

• WebView：

  • 載入指定網頁或靜態 HTML ，似<iframe>的作用

  • Android 的 WebView；iOS 的 UIWebView

• Touchable 系列：

  • 為提供點擊事件給不具備點擊事件的組件

  • 使用時只要套在其它組件外面，再綁定點擊事件即可

  • TouchableHeightlight：點擊後高亮

  • TouchableOpacity：點擊後透明

  • TouchableWithoutFeedback：點擊後無視覺效果