Swiper - ImVeryGood/Loan GitHub Wiki

react-native-swiper轮播图

1.安装

 npm install react-native-swiper --save

2.引入:

 import Swiper from 'react-native-swiper'

3.属性:

4.基本使用:

 import React from "react";
 import { View, Image, Text, StyleSheet } from "react-native";
 import Swiper from "react-native-swiper";
 class PictureModule extends React.Component {
   constructor(props) {
     super(props);
     this.state = {};
   }

   _renderSwiper() {
     let itemArr = [];
     let dataArr = this.props.pic;
     if (dataArr.length > 0) {
       for (let i = 0; i < dataArr.length; i++) {
         let pic = {
           uri: dataArr[i]
         };
         console.log("pic:" + dataArr[i]);
         itemArr.push(<Image source={pic} style={styles.image} />);
       }
     }
     return itemArr;
   }
   render() {
     return (
       <Swiper showsPagination={true} showsButtons={true}>
         {this._renderSwiper()}
       </Swiper>
     );
   }
 }
 const styles = StyleSheet.create({
   image: {
     flex: 1
   }
 });
 module.exports = PictureModule;

5.效果图:

⚠️ **GitHub.com Fallback** ⚠️