react-native-full-loading

A simple React component that works for loading.

Demo

Getting Started

1. First, You need to install It, just like You would do with any NPM package:

npm i react-native-full-loading

2.Then, You need to import the library component within your own component

import React from 'react'
import FullLoading from 'react-native-full-loading'

3.You can now start using the full-loading components!

export default function YourComponent(){

    const [visible, setVisible] = React.useState(false);

    if(...){
        setVisible(true);
    }else{
        setVisible(false);
    }

    return(
        ...
        <FullLoading visible={visible} />
    );
}

Props

Parameters | Default Value | Values :--------- | :------: | -------: backgroundColor | rgba(0, 0, 0, 0.4) | Colors[rgb, hex, string] colorIndicator | #FFF |Colors[rgb, hex, string] sizeIndicator | large | [large, small] colorText | #FFF | Colors[rgb, hex, string] text | Loading | String visible | false | bool - Required