zbtang/React-Native-ViewPager

How can we put some customized page indicator

MahmoodBakhshayesh opened this issue · 1 comments

hi , how can we put a customized page indicator such as something like 1/30 which shows we are in page 1 from 30 total ,
or some sort of loading bar which full by going forward or some progress bar

You can create your own component, let's say something like a ProgressBar component and then feed it a width or complete % with a state param...

<IndicatorViewPager onPageSelected={this.yourOnPageSelected} ...>
...

yourOnPageSelected = (params) => {
  this.setState({
    progress: ((params.position + 1) / numOfSteps),
  });
}