Change ActivityIndicator color in React Native Android iOS Tutorial

ActivityIndicator in react native similar as ProgressBar in android is used to show a round Loading Indicator while loading JSON from background. ActivityIndicator can be modified in size and color, now developers can modify the style of ActivityIndicator and change its size and color. So in this tutorial we would going to create react native app to Change ActivityIndicator color in React Native Android iOS app example tutorial.

Live Screenshot in Android device:

Change ActivityIndicator color in React Native
Contents in this project Change ActivityIndicator color in React Native Android iOS Tutorial:

1. Import Platform, StyleSheet, View and ActivityIndicator component in your project.

2. We are creating 6 different ActivityIndicator in render’s return block with prop size=’ ‘ and color=’ ‘.

size=’ ‘ : Is used to change the ActivityIndicator size. Available options is small and large.

color=’ ‘ : Is used to change color or background color of ActivityIndicator .

3. Create Style.

4. Complete source code for App.js File :

Screenshot in iOS device :

Leave a Reply

Your email address will not be published.