- A react native custom component of a animated loading dots, with a dinamic customization of the view and the dots, in typescript.

- 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 Loading from 'react-native-loading-dots';

dotCount={4}
dotSize={50}
dotSpacing={8}
duration={300}
dotStyle={{borderRadius: 5}}
animationType="UP_AND_DOWN"
/>
``

Props -

type AnimationType = 'UP_AND_DOWN' | 'FADE_IN_OUT';

| Name | Type | Default |
| -------------- | ------------- | ------------- |
| dotCount | number |
| dotSize | number |
| dotSpacing | number |
| duration | number |
| colors? | string[] |
| dotStyle? | ViewStyle |
| animationType? | AnimationType | "FADE_IN_OUT" |
| slideHeight? | number |
| delay? | number |