React Native Change ActivityIndicator Size in Android iOS

Hello friends, It’s been a couple of days since I had posted a tutorial. There are some issued going on with my website about Google search. But I have resolved it. So form now on you all will be get new tutorials every day about React Native. Now in Today’s tutorial we would learn about changing size of ActivityIndicator component in RN. The ActivityIndicator supports 2 size format for iOS, small and large and 3 formats for android small, large and given size in Pixels. We would discuss all 3 of them in today’s tutorial. So in this tutorial we would learn about React Native Change ActivityIndicator Size in Android iOS.

Live Screenshot of App:-

React Native Change ActivityIndicator Size in Android iOS Example

Contents in this project React Native Change ActivityIndicator Size in Android iOS :-

1. Open your project’s main App.js file and import View, StyleSheet, Text, ActivityIndicator and Platform component.

2. Creating our main export default App component.

3. Creating ActivityIndicator component with 3 different sizes.

Note: iOS only supports 2 sizes small and large. But Android supports all 3 sizes small, large and given size in number.


4. Creating Style.

5. Complete Source Code for App.js File :-

Leave a Reply

Your email address will not be published. Required fields are marked *