ActivityIndicator

It displays a circular loading indicator which define something in progress.

How to use

import  React from 'react';
import {ActivityIndicator} from '@gyri/native-ui-components';

const MyComponent = () => (
  <ActivityIndicator size={size} visible={visible} />
);

export default MyComponent;

Props

#	Name	Data type	Default value	Values	Description
1	size	string	'small'	'small', 'large' , number	It define size of indicator.
2	visible	boolean	true	true , false	It define nature of indicator either visible or invisible.
3	animating	boolean	true	true , false	Whether to show the indicator or hide it.
4	color	string			The color of the spinner.
5	hidesWhenStopped	boolean	true		Whether the indicator should hide when not animating.

For more details https://callstack.github.io/react-native-paper/docs/components/ActivityIndicator