第三方元件

• react-native-swiper 輪播廣告

  • 用來替代ScrollView，不用寫定時器，也不用寫指示器

  • 細部參數設定上網查

  1.安裝

  npm install react-native-swiper --save

  2.使用

//(省略)
import Swiper from 'react-native-swiper';
//(省略)

//用showsButtons可加入指示器
<Swiper loop={true} height={190} autoplay={true}>
    {this.state.advertisements.map(
    (advertisement, index) => {
        return (
            <TouchableHighlight
                key={index}
                onPress={() => Alert.alert('你点击了轮播图', null, null)}>
                <Image style={styles.advertisementContent} source={advertisement.image}></Image>
            </TouchableHighlight>
        );
    })}
</Swiper>

//(省略)