Show numbers instead of dots? about react-native-swiper HOT 6 CLOSED

thanks, @aksonov

For custom label string with X/Y, my option is add a prop pagination(function type), like:

var renderPagination = function(index, total) {
  return <View style={{}}><Text>{index}/{total}</Text></View>
}
<Swiper pagination={renderPagination}>
        <View style={styles.slide1}>
          <Text style={styles.text}>Hello Swiper</Text>
        </View>
      </Swiper>

And your opinion?

from react-native-swiper.

Sounds great!

Sent from my iPhone

On 24 апр. 2015, at 22:09, 斯人 [email protected] wrote:

thanks, Now the dot prop allow to custom element.

like:

<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />
For custom label string with X/Y, my option is allow dot / activeDot props supports function type, like:

var renderDot = function(index, total) {
return {index}/{total}
}


Hello Swiper


And your opinion?

—
Reply to this email directly or view it on GitHub.

from react-native-swiper.

OK. CI later

from react-native-swiper.

Sorry so late @aksonov , Now there is a new prop renderPagination done.

see https://github.com/leecade/react-native-swiper/blob/master/examples/examples/swiper_number.js

Update doc later, thanks your idea.

from react-native-swiper.

What if I need a custom pagination but also wants to render dots?

from react-native-swiper.

@leecade and @smithaitufe
I also want both custom pagination and render dots. Is it possible?

from react-native-swiper.