Button

A basic button 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, Button} from 'qdmrncomponents';

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

Reference#

Props#

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

backgroundColor#

background color of the Button by default it is white type string

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

const App: FC = () => {
  return (
    <Body V_Aligin_center>
      <Button backgroundColor={'pink'} />
    </Body>
  );
};

label#

props for adding the button text and type string by default it will be in Button

import * as React from 'react';
import {Button} from 'qdmrncomponents';

const App: FC = () => {
  return (
    <Body paddingAll={20} V_Aligin_center>
      <Button backgroundColor={'pink'} label={'click me'} />
    </Body>
  );
};

export default MyComponent;

onPress#

props for on click function type funcation

textColor#

props for Color of the text

disabled#

If true, disable all interactions for this component. type boolean

activeOpacity#

props on click active Opacity on Button. type number

inlineStyle#

props give addition props to the Button element type Object