轉(zhuǎn)載：React-Native學習--輪播圖第三方組件-react-native-swiper

一.通過npm安裝React-native-swiper

$ npm install react-native-swiper --save
$ npm i react-timer-mixin --save

二.在項目中導入

import Swiper from 'react-native-swiper';

三.使用

  return(  
      <View>  
        <Swiper height={200}  
                loop={true}  
                // showsButtons={true}  
                index={0}  
                autoplay={true}  
                horizontal={false}  
                >  
             {this.renderImg()}  
輪播圖的元素可以是任意空間 這里添加一組圖片+文字(Text)會依次顯示<span style="white-space:pre">    </span>  
         </Swiper>  
      </View>  
  
  );  
}  

renderImg(){  
        var imageViews=[];  
        for(var i=0;i<images.length;i++){  
            imageViews.push(  
                <Image  
                    key={i}  
                    style={{flex:1}}  
                    source={{uri:images[i]}}  
                    />  
            );  
        }  
        imageViews.push(<Text>lalala</Text>);  
        return imageViews;  
    }  

四.相關屬性說明

1.Basic

2.Custom basic style & content

3.Pagination

4.Autoplay

5.Control buttons