/Javascript/React/React native activity 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

1 vote206 views1 answer
React native android padding style
Javascript React
0 vote192 views4 answers
React router v6
Javascript React
1 vote248 views1 answer
How to execute function without using onclick on react code example
Javascript React
22 votes216 views2 answers
React-bootstrap example
Javascript React
0 vote181 views1 answer
To do list app react code
Javascript React
0 vote198 views1 answer
Content uri react native fs
Javascript React
0 vote200 views1 answer
Reference hook in react
Javascript React
0 vote225 views1 answer
Reactjs download file axios
Javascript React
21 votes187 views4 answers
Setinterval react
Javascript React
0 vote192 views1 answer
Handle an input with React hooks
Javascript React