Licence
ISC
Version
1.1.2
Deps
0
Size
7 kB
Vulns
0
Weekly
0
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-modalHow 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