• An animated dots effect of a pagination view.

• It comes with a built-in TypeScript typings and is compatible with all popular JavaScript frameworks. You can use it directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.

Example:

How to use:

import PaginationIndicator from 'react-native-pagination-indicator';


 const scrollX = useRef(new Animated.Value(0)).current;
 const data = []: any[];

  <PaginationIndicator data={data} scrollX={scrollX} screenWidth={width} />

PaginationIndicator Props

| Name | Type | Default | | --------------------- | -------------- | ------- | | data | any[] | | scrollX | Animated.Value | | screenWidth | number | | dotWidthOutputRange | number[] | | dotOpacityOutputRange | number[] | | dotStyle | ViewStyle | | containerStyle | ViewStyle |