Sleek Loading Indicator for React Native

I was looking for a drop-in, lightweight and cool looking loading component for my app. I couldn't find one so, I wrote it myself. A sleek loading indicator for React Native apps for iOS and Android.

In action on iOS

In action on Android

Usage

Install the package

npm install react-native-sleek-loading-indicator --save 

const SleekLoadingIndicator = require('react-native-sleek-loading-indicator');  const MyView = React.createClass({    render() {     if (this.state.loading) {       return (<SleekLoadingIndicator loading={this.state.loading} />);    } else {      //.... Do my stuff    } }); 

Props

• text (Optional) - Custom text can be provided.
• loading (bool | required) - tells the component to show/hide loading indicator.

Roadmap

• Light theme for dark backgrounds.
• Animation when component disappears from view.

Contribution Guide

Feel free to fork the repo, add feature and send me a pull request.

Note from author

Gimme a buzz @BilalBudhani If you've questions, suggestions or just wanna say Hi.

MIT Licensed