/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

0 vote127 views1 answer
Search for country name from api with react
Javascript React
0 vote119 views1 answer
Scirpt tag react
Javascript React
0 vote143 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote147 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
0 vote113 views1 answer
React router dom return undefined
Javascript React
0 vote139 views1 answer
React hook form example stack overflow
Javascript React
0 vote158 views1 answer
Create a link in react js to download xcelfile
Javascript React
0 vote140 views1 answer
I18n react get current language
Javascript React
1 vote139 views1 answer
ERESOLVE unable to resolve dependency tree Found: [email protected] Could not resolve dependency: react native paper
Javascript React