React Native Loading modal

Platform - iOS + Android

This module provides a simple loading modal for React native apps. A Loading modal is an modal with Activity indicator used while perfroming some process and to restrict user while it happends

Installation

npm i react-native-loading-modal

How to use

Import the modal using

import LoadingModal from "react-native-loading-modal";

Then in your render method

<LoadingModal modalVisible={true} />

This will make your modal visible by default, In order to control the Modal visibilty use React State in modalVisible prop.

Props

| Name |Type| Description | | --------------|---------| ----------- | | modalVisible |boolean| Toggles the visibilty of modal | | color |string| Color of Activity indicator | | title |string| Custom text to show instead of default Loading... | | fontFamily |string| Font family for loading text | | darkMode |boolean| Switch dark mode or light more, default is false | | modalStyle |View Style / Object| Custom Stylesheet of modal | | textStyle |Text Style / Object| Custom Stylesheet of text | | indicatorSize | small or large | Size of the Activity Indicator |

Found a Bug ?

Create an Issue and I will try to fix it

Contribution

I am constantly trying to add more types of modal and modal usage in it. if you want to contribute, I would love to work with you ❤️