如何更改 React Native Swiper 组件的默认颜色？

Question

我正在使用这个 React Native Swiper 组件：https://github.com/leecade/react-native-swiper#custom-basic-style--content

我无法将圆点颜色更改为默认蓝色以外的任何颜色。有人知道怎么做吗？

这是我的代码：

<Swiper style={styles.wrapper} loop={true}>
      {rows.map(function(obj, index) {
          return(
            <View style={styles.main} key={index}>
              <Image
                source={{uri: obj.url}}
                style={styles.main} />
            </View>)
      })}
    </Swiper>

Answer 1

此组件有一个名为 'dot' 的属性，您可以更改圆点的样式。

<View style={{
      backgroundColor:'rgba(0,0,0,.2)', 
      width: 8, 
      height: 8,       
      borderRadius: 4, 
      marginLeft: 3, 
      marginRight: 3, 
      marginTop: 3, 
      marginBottom: 3,}} 
/>

Answer 2

使用 'dot' 道具。您可以以相同的方式使用 'activeDot' 属性。

<Swiper
    dot={<View style={{backgroundColor:'red', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />}>
</Swiper>

如何更改 React Native Swiper 组件的默认颜色？

How to change default colors of React Native Swiper component?

react-native

swiper