簡介:

這個框架主要是用來做輪播圖,焦點圖等,內(nèi)置了各種樣式的輪播圖.
github地址: https://github.com/leecade/react-native-swiper

如何使用

安裝,切換到自己項目的根目錄下,執(zhí)行以下命令:

npm i react-native-swiper --save

導(dǎo)入:

import Swiper from 'react-native-swiper';

常用屬性介紹:

1. Basic

2.Custom basic style & content

3.Pagination

4. Autoplay

5. Control buttons

代碼示例

render(){  
  return(  
      <View>  
        <Swiper height={200} // 指定高度 
                loop={true} // 是否開啟循環(huán)
                showsButtons={true} // 設(shè)置控制按鈕(左右兩側(cè)的箭頭)是否可見 
                index={0}   
                autoplay={true} // 是否自動跳轉(zhuǎn)
                horizontal={false} // 是否水平滾動 
                > 
                //  在這里進行添加組件操作(比如放入圖片和文字)
         </Swiper>  
      </View>  
  
  );  
}