/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

2 votes204 views2 answers
Vscode extensions for better react js
Javascript React
111 votes221 views6 answers
Install bootstrap in react
Javascript React
11 votes198 views3 answers
Create react tailwind app
Javascript React
0 vote193 views1 answer
Counter composant react
Javascript React
3 votes167 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote250 views1 answer
Chinese icon in react native vector icons
Javascript React
7 votes197 views1 answer
React Hook "React.useState" is called in function "placeItem" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
29 votes186 views3 answers
Creating react app using npx
Javascript React
5 votes202 views2 answers
Splash screen react native
Javascript React
2 votes196 views2 answers
Past value from parent in reactjs
Javascript React