/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 vote333 views1 answer
Spring reactive web client throw exception test
Javascript React
4 votes427 views1 answer
Error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class.
Javascript React
1 vote340 views1 answer
React 360
Javascript React
0 vote362 views1 answer
Generate ios build react native
Javascript React
0 vote361 views1 answer
React show new app
Javascript React
3 votes390 views1 answer
React router yarn
Javascript React
0 vote340 views2 answers
Drag n drop file upload react
Javascript React
3 votes323 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
15 votes348 views2 answers
Expo react navigation
Javascript React
12 votes357 views2 answers
How to integrate redux dev tool to react application
Javascript React