/Javascript/React/React native indicator

React native indicator

React native activity indicator

import React from 'react';
import { View, ActivityIndicator } from "react-native";

const MyActivityIndicator = () => {
	return (
      	<View style={{ flex: 1, justifyContent: "center"}}>
      		//size can be "small" or "large"
			<ActivityIndicator size="large" color="#00ff00" />
      	</View>
    );
}

export default MyActivityIndicator;

Source: reactnative.dev

React native indicator

import { View, ActivityIndicator } from "react-native";

function MyActivityIndicator = () => {
	return (
      	<View style={{ flex: 1, justifyContent: "center"}}>
			<ActivityIndicator size="large" color="#00ff00" />
      	</View>
    );
}

export default MyActivityIndicator;

Similar codes

3 votes133 views2 answers
React-native android build apk
Javascript React
4 votes139 views3 answers
Get params in react router dom v6
Javascript React
0 vote181 views1 answer
OAuth with axios react native
Javascript React
6 votes136 views1 answer
React-native loading screen
Javascript React
4 votes137 views6 answers
Location of release apk in react native
Javascript React
0 vote145 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote139 views1 answer
React native scrollview fixed header
Javascript React
6 votes85 views2 answers
React-router-dom get current route
Javascript React
1 vote134 views2 answers
Yarn react native cli
Javascript React
9 votes134 views3 answers
React import font awesome
Javascript React