/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 vote199 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
6 votes211 views4 answers
Add items to a react array in hooks
Javascript React
1 vote228 views1 answer
Unexpected token export type react bottontab navigation
Javascript React
0 vote271 views1 answer
Add Navbar to React Redux CRUD App
Javascript React
0 vote200 views1 answer
Organize api calls react native folder
Javascript React
2 votes236 views2 answers
React 17
Javascript React
1 vote208 views1 answer
How to call create react app
Javascript React
2 votes215 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote214 views1 answer
RenderIndicator example react responsive carousel
Javascript React
0 vote232 views1 answer
Google-maps-react give undefined lat long
Javascript React