• 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';

  <Loading
        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 |