/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

71 votes409 views5 answers
Css react
Javascript React
0 vote305 views1 answer
React native getstream
Javascript React
15 votes366 views3 answers
Image source react native
Javascript React
2 votes324 views2 answers
React get url querystring
Javascript React
125 votes446 views6 answers
Install React Bootstrap
Javascript React
0 vote364 views1 answer
How to load a javascript game from react
Javascript React
0 vote359 views1 answer
React sticky hook
Javascript React
-2 votes350 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote339 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote399 views1 answer
How to update state.item[1] in state using setState? React
Javascript React