Show numbers instead of dots?

[aksonov]

Great component! It would be good to have X/Y (X current page / Y total pages) customizable label string instead of dots for big lists.

[leecade]

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?

[aksonov]

Sounds great!

Sent from my iPhone

On 24 апр. 2015, at 22:09, 斯人 notifications@github.com 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.

[leecade]

OK. CI later

[leecade]

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.

[smithaitufe]

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

[Hari70a]

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