react-native-loading-spinner-overlay

npmpackage.info

Gathering detailed insights and metrics for react-native-loading-spinner-overlay

Other packages similar to react-native-loading-spinner-overlay

@types/react-native-loading-spinner-overlay

0.5.6

TypeScript definitions for react-native-loading-spinner-overlay

react-native-loading-spinner-overlay-dxc

0.5.2

The only pure React Native Native iOS and Android loading spinner (progress bar indicator) overlay

react-native-smart-loading-spinner-overlay

1.0.2

A smart loading spinner overlay for React Native apps, written in JS for cross-platform support. It works on iOS and Android.

react-native-loading-spinner-overlay-clj

1.1.0

The only pure React Native Native iOS and Android loading spinner (progress bar indicator) overlay

Gathering detailed insights and metrics for react-native-loading-spinner-overlay

Options

Property	Type	Default	Description
cancelable	Boolean	`false`	Android: If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed.
color	String	`"white"`	Changes the spinner's color (example values are `red`, `#ff0000`, etc). For adjusting the contrast see `overlayColor` prop below.
animation	String (enum) `none`, `slide`, `fade`	`"none"`	Changes animation on show and hide spinner's view.
overlayColor	String	`rgba(0, 0, 0, 0.25)`	Changes the color of the overlay.
size	String (enum) `small`, `normal`, `large`	`"large"`	Sets the spinner's size. No other cross-platform sizes are supported right now.
textContent	String	`""`	Optional text field to be shown.
textStyle	StyleSheet	`-`	The style to be applied to the `<Text>` that displays the `textContent`.
visible	Boolean	`false`	Controls the visibility of the spinner.
indicatorStyle	StyleSheet	`undefined`	Additional styles for the ActivityIndicator to inherit
customIndicator	Element	`undefined`	An alternative, custom component to use instead of the default `<ActivityIndicator />`
children	Element	`undefined`	Children element(s) to nest inside the spinner

Property

Type

Default

Description

cancelable

Boolean

false

Android: If set to false, it will prevent spinner from hiding when pressing the hardware back button. If set to true, it will allow spinner to hide if the hardware back button is pressed.

color

String

"white"

Changes the spinner's color (example values are red, #ff0000, etc). For adjusting the contrast see overlayColor prop below.

animation

String (enum) none, slide, fade

"none"

Changes animation on show and hide spinner's view.

overlayColor

String

rgba(0, 0, 0, 0.25)

Changes the color of the overlay.

size

String (enum) small, normal, large

"large"

Sets the spinner's size. No other cross-platform sizes are supported right now.

textContent

String

""

Optional text field to be shown.

textStyle

StyleSheet

-

The style to be applied to the <Text> that displays the textContent.

visible

Boolean

false

Controls the visibility of the spinner.

indicatorStyle

StyleSheet

undefined

Additional styles for the ActivityIndicator to inherit

customIndicator

Element

undefined

An alternative, custom component to use instead of the default <ActivityIndicator />

children

Element

undefined

Children element(s) to nest inside the spinner

Recommended Implementation

We recommend that you follow two rules when implementing this component.

Integrate it inside the parent-most/top-level/root component in your app

Wrap usage of actions after attempting to stop the spinner with setTimeout to avoid the non-stop spinner issue:

1this.setState({ spinner: false });
2
3setTimeout(() => {
4  Alert.alert('Oops!', err.message);
5}, 100);

Name	Website
Nick Baugh	http://niftylettuce.com
Rohit Bhatia	http://blendtale.com
Spencer Snyder	http://spencersnyder.io
Luciano Lima
George Savvidis
Sandro Machado
Ben Sutter
Ivan Kuznetsov
Darren Camp
Rigo B Castro
Raj Kissu
Ivan Pusic
Antonio Grass
Vijay Chouhan
Jacob Lee
Matt Labrum

Name

Website

Nick Baugh

http://niftylettuce.com

Rohit Bhatia

http://blendtale.com

Spencer Snyder

http://spencersnyder.io

Luciano Lima

George Savvidis

Sandro Machado

Ben Sutter

Ivan Kuznetsov

Darren Camp

Rigo B Castro

Raj Kissu

Ivan Pusic

Antonio Grass

Vijay Chouhan

Jacob Lee

Matt Labrum

Other packages similar to react-native-loading-spinner-overlay

Other packages similar to react-native-loading-spinner-overlay

Installations

Developer Guide

Yes

CommonJS

16.15.1

8.11.0

Pull Requests

19

57

14

24

Issues

5

85

80

Releases

Languages

Developer

joinspontaneous

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

React Native Loading Spinner Overlay

Table of Contents

Install

Example

Options

Recommended Implementation

Contributors

License

10

10

9

3

0

0

0

0

0

0

2.9

/10