Body

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

You can customization Body component with the Props

img

Code#

Try this example on Snack.

Usage#

import * as React from 'react';
import {Body} from 'qdmrncomponents';
const MyComponent = () => <Body />;
export default MyComponent;

Reference#

Props#

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

bgColor#

background color of the Body by default it is white it should be in string

import * as React from 'react';
import {Body} from 'qdmrncomponents';
const MyComponent = () => <Body bgColor={'#2196F3'} />;
export default MyComponent;

paddingAll#

props for padding for all the four sides of the Body by default it none number

import * as React from 'react';
import {Body} from 'qdmrncomponents';
const MyComponent = () => <Body paddingAll={20} />;
export default MyComponent;

paddingLR#

props for padding for left and right of the Body by default it none number

paddingTB#

props for padding for top and bottom the four sides of the Body by default it none number

V_Aligin_center#

props for aligin the elements to vertical align center boolean

import * as React from 'react';
import {Body} from 'qdmrncomponents';
const MyComponent = () => <Body V_Aligin_center />;
export default MyComponent;

H_Aligin_center#

props for aligin the elements to horizontal align center boolean

inlineStyle#

props for addition props to the Body element Object