Dynamically changes the text while loading screen for React Native. This is the loading like Heartstone and Discord's dynamically changes loading texts :)
Add the dependency:
npm i react-native-dynamic-text-loading"react": ">= 16.x.x",
"react-native": ">= 0.55.x",
"react-native-spinkit": ">= 1.3.0"
import Loading from "react-native-dynamic-text-loading";
<Loading list={[
"Assets are loading...",
"Data is fetching...",
"Running an algorithm..."]
}/>| 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 |
FreakyCoder, kurayogun@gmail.com
React Native Dynamic Text Loading Library is available under the MIT license. See the LICENSE file for more info.