React-Native-ViewPager
React-Native-ViewPager copied to clipboard
How can we put some customized page indicator
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),
});
}