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 |
task | string |
Custom label to show with instead of Loading....
|
title | string |
Custom text to show with Loading... as Image 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 |
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 ❤️