StatusBar

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

You can customization Status bar component with the Props

Usage#

import React, { FC, useState } from 'react';

import {Body,StatusBar} from 'qdmrncomponents';

const App: FC = () => {

  return (
    <Body paddingAll={20} V_Aligin_center>
        <StatusBar backgroundColor="blue" barStyle="light-content" />
    </Body>
  );
};

Reference#

Props#

here all the list of Props you can use for Switch Component and it Inherits all StatusBar Props, from React Native

backgroundColor#

The background color of the status bar and type string

hidden#

If true, the status bar is hidden. and type boolean

animated#

If true, If the transition between status bar property changes should be animated. Supported for backgroundColor, barStyle and hidden. And its type is boolean

barStyle#

Sets the color of the status bar text and type string

supported string is 'default', 'light-content', 'dark-content'

inlineStyle#

props give addition props to the Button element type Object