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
npm i react-native-loading-modal
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.
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 |
Create an Issue and I will try to fix it
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 ❤️