/react-native-loading-modal

A loading modal for React native mobile apps

Primary LanguageTypeScript

react-native-loading-modal banner

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 ❤️