react-native-sleek-loading-indicator

    0.1.3 • Public • Published

    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

    Install

    npm i react-native-sleek-loading-indicator

    DownloadsWeekly Downloads

    7

    Version

    0.1.3

    License

    MIT

    Last publish

    Collaborators

    • bilalbudhani