ActivityIndicator

A basic ActivityIndicator component that should render nicely on any platform. Supports a good level of customization.

You can customization Button component with the Props

Usage#

import React, {FC} from 'react';
import {Body, ActivityIndicator} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <ActivityIndicator />
    </Body>
  );
};

Reference#

Props#

here all the list of Props you can use for ActivityComponent and it Inherits all ActivityIndicator props from React Native

size#

this props gives you 2 different size like 'large' | 'small' and type string

import React, {FC} from 'react';
import {Body, ActivityIndicator} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <ActivityIndicator 
        size="small"
      />
    </Body>
  );
};

color#

props for color the indicator and type string

import React, {FC} from 'react';
import {Body, ActivityIndicator} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <ActivityIndicator 
        size="small"
        color="red"
      />
    </Body>
  );
};

animating#

animating props default true if its false it hides indicator boolean

import React, {FC} from 'react';
import {Body, ActivityIndicator} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body>
      <ActivityIndicator 
        size="small"
        animating={false}
      />
    </Body>
  );
};