Package Exports

react-native-three-dots
react-native-three-dots/index.tsx

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-three-dots) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native Animated Three Dots Loader

A simple, customizable animated dots component for use in React Native apps. Ideal for loading screens.

Installation

npm install --save react-native-three-dots

Importing

import Loader from 'react-native-three-dots';

Usage

Just include the component in the output of any other component like this:

export default function App() {
  return (
    <View>
      <Loader />
      <StatusBar style="auto" />
    </View>
  );
}

which will get you something like this:

Basic Example

Props

Customize color of dots, animation type, and animation speed using these props:

Property	Description
`color`	The color of dots you'd like to show. Defaults to black.
`type`	Animation type="txtloader" or threedots. Defaults to threedots.
`speed`	The length in milliseconds of each phase of the animated. Defaults to 300.