This package will help you to create your awesome custom scroll indicator
npm install react-native-scroll-indicator> It's a simple react-native component made to help you to create your awesome custom scroll indicators. It's support only ScrollView for now. But in the next version it should support FlatList.
npm i react-native-scroll-indicatoryarn add react-native-scroll-indicator
2. Add an import to the top of your file
``javascript`
import ScrollViewIndicator from 'react-native-scroll-indicator';
`
3. Use it just as normal ScrollView but with some custom props.
javascript`
Component Props
| Props | Type | Description | Default |
|----------------------|-------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------|
| flexibleIndicator | bool | Set to false if you want to set your indicator a fixed height | true |flexibleIndicator
| indicatorHeight | num | Height of indicator. Use with | 200 |true
| shouldIndicatorHide | bool | Set to if you want to hide Indicator when scroll is idle | truems` | 500 |
| hideTimeout | num | Time of show/hide indicator animation in
| style | style | Style of container | {} |
| scrollViewStyle | style | Style of ScrollView component | {} |
| scrollIndicatorContainerStyle | style | Style of scroll indicator container | {} |
| scrollIndicatorStyle | style | Style on scroll indicator | {} |