Skip to content

suyashvash/react-native-loading-modal

Repository files navigation

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