简体   繁体   中英

How can I change react-native-swiper-flatlist style of pagination dots?

How can I change react-native-swiper-flatlist style of pagination dots? Is this possible?

 <View style={styles.container}>
    <SwiperFlatList
      autoplay={false}
      autoplayLoop={false}
      index={0}
      showPagination
    >
      <View style={styles.child}>
        <Image style={styles.img} source={pic} />
        <Text style={styles.text}>Biz sizə nə vəd edirik ?</Text>
        <Text style={styles.smallText}>Dizaynın qiymətləndirilməsində, oxunan mətnin oxucunun diqqətini yayındırması bir həqiqətdir. Lorem Ipsum istifadə etmənin əsas məqsədi odur.</Text>
      </View>
      <View style={styles.child}>
        <Image style={styles.img} source={pic} />
        <Text style={styles.text}>Sizin rahatlığınız üçün çalışırıq</Text>
        <Text style={styles.smallText}>Dizaynın qiymətləndirilməsində, oxunan mətnin oxucunun diqqətini yayındırması bir həqiqətdir. Lorem Ipsum istifadə etmənin əsas məqsədi odur.</Text>
      </View>
      <View style={styles.child}>
        <Image style={styles.img} source={pic} />
        <Text style={styles.text}>Daima yanınızdayıq!</Text>
        <Text style={styles.smallText}>Dizaynın qiymətləndirilməsində, oxunan mətnin oxucunun diqqətini yayındırması bir həqiqətdir. Lorem Ipsum istifadə etmənin əsas məqsədi odur.</Text>
      </View>
    </SwiperFlatList>
  </View>

You can use paginationStyleItem prop for styling dots.

for more info see this npm information

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM