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

时间:2016-11-07 19:46:42

标签: react-native swiper

我正在使用此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>

1 个答案:

答案 0 :(得分:1)

此组件有一个名为&#39; dot&#39;的道具,您可以更改点的样式。

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