react-native-pure-loaders

Pure React Native animated loading icons based on loading.io

Usage no npm install needed!

<script type="module">
  import reactNativePureLoaders from 'https://cdn.skypack.dev/react-native-pure-loaders';
</script>

README

react-native-pure-loaders Pure Loaders

React native loading spinners based on the ones found at https://loading.io/css/.

Currently, the only loaders are <Loader.Ring> and <Loaders.Ellipses>. They can be seen below in the Demo.

Demo

Live snack demo

demo

Installation

npm install react-native-pure-loaders

or

yarn add react-native-pure-loaders

Usage

Example usage:

import Loaders from './lib/index';

export default function App() {
  return (
    <View style={styles.container}
      <Loaders.Ring />
    </View>
  );
}

API

Loaders.Ellipses

props

  • color: string - The color of the loader.
  • size: number - The size of the loader icon. Defaults to 64.

Loaders.Ring

props

  • color: string - The color of the loader.
  • size: number - The size of the loader icon. Defaults to 64.