carousel.js

import { Carousel } from 'antd-mobile'
import { View, Image, StyleSheet } from 'react-native'

class SchoolLife extends Component {
  
  render ()  {
    return (
      <Carousel autoplay infinite>
        <Image
          source={{
            uri: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1488197797&di=1d63301a1e9d821d70528095a818ab28&src=http://pic.qiantucdn.com/58pic/17/94/38/55b08aabda62f_1024.jpg'
          }}
          style={styles.banner}
          resizeMode="stretch"
        >
        </Image>

        <Image
          source={{
            uri: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1488197797&di=1d63301a1e9d821d70528095a818ab28&src=http://pic.qiantucdn.com/58pic/17/94/38/55b08aabda62f_1024.jpg'
          }}
          style={styles.banner}
          resizeMode="stretch"
        >
        </Image>

        <Image
          source={{
            uri: 'https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1488197797&di=1d63301a1e9d821d70528095a818ab28&src=http://pic.qiantucdn.com/58pic/17/94/38/55b08aabda62f_1024.jpg'
          }}
          style={styles.banner}
          resizeMode="stretch"
        >
        </Image>
      </Carousel>
    )
  }

}

const styles = StyleSheet.create({
  banner: {
    width: 375,
    height: 210
  }
})