/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

3 votes240 views2 answers
Export default class react
Javascript React
0 vote264 views2 answers
Como arreglar el error de Linking.openUrl no funciona react native
Javascript React
2 votes204 views1 answer
Change color of strike through line of text in react native
Javascript React
15 votes237 views2 answers
Expo react navigation
Javascript React
0 vote240 views1 answer
React datetime mannual editing
Javascript React
158 votes414 views6 answers
React create app
Javascript React
0 vote257 views1 answer
Geocoding react
Javascript React
1 vote232 views2 answers
React js alert popup example
Javascript React
4 votes244 views2 answers
How to skip the undefined values from the list and filter the rest of the data in react js
Javascript React
13 votes243 views1 answer
React js vs jsx
Javascript React