The react-native-dynamic-text-loading's intro from wrathchaos

wrathchaos / react-native-dynamic-text-loading Goto Github PK

View Code? Open in Web Editor NEW

Dynamically changes the text while loading screen for React Native. This is the loading like Heartstone and Discord's dynamically changes loading texts :)

License: MIT License

JavaScript 66.97% Java 6.69% Objective-C 17.57% Starlark 8.77%

react-native-dynamic-text-loading's Introduction

Dynamically changes the text while loading screen for React Native. This is the loading like Heartstone and Discord's dynamically changes loading texts :)

Installation

Add the dependency:

React Native:

npm i react-native-dynamic-text-loading

Peer Dependencies

IMPORTANT! You need install them.

"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-spinkit": ">= 1.3.0"

Basic Usage

import Loading from "react-native-dynamic-text-loading";

<Loading list={[
    "Assets are loading...",
    "Data is fetching...",
    "Running an algorithm..."]
}/>

Configuration - Props

Property	Type	Default	Description
backgroundColor	color	"rgba(0, 0, 0, 0.5)"	change the backdrop's color
type	string	"FadingCircleAlt"	change the type of spinner's icon
size	number	50	change the spinner's size
color	color	white	change the spinner's color
spinnerStyle	style	default	set your own style for spinner
spinnerIsVisible	boolean	true	change the visibility of spinner
textColor	color	white	change the dynamic text's color
textStyle	style	default	set your own style for text
numberOfLines	number	2	RECOMMENDED! Do NOT change the number of lines, users cannot read long texts below 1.5 sec