Box

The Box component serves as a wrapper component for most of the styling properties.

💬 Feedback , 🌱 Source

Import

import { Box } from 'react-native-flex-layout';

Usage

<Box w={64} h={64} p={16} style={{ backgroundColor: 'blue' }} />

Props

Prop	Type	Description
h	Spacing	Shorthand for the height style property.
minH	Spacing	Shorthand for the minHeight style property.
maxH	Spacing	Shorthand for the maxHeight style property.
w	Spacing	Shorthand for the width style property.
minW	Spacing	Shorthand for the minWidth style property.
maxW	Spacing	Shorthand for the maxWidth style property.
m	Spacing	Shorthand for the margin style property.
mt	Spacing	Shorthand for the marginTop style property.
mr	Spacing	Shorthand for the marginRight style property.
mb	Spacing	Shorthand for the marginBottom style property.
ml	Spacing	Shorthand for the marginLeft style property.
ms	Spacing	Shorthand for the marginStart style property.
me	Spacing	Shorthand for the marginEnd style property.
mh	Spacing	Shorthand for the marginHorizontal style property.
mv	Spacing	Shorthand for the marginVertical style property.
p	Spacing	Shorthand for the padding style property.
pt	Spacing	Shorthand for the paddingTop style property.
pr	Spacing	Shorthand for the paddingRight style property.
pb	Spacing	Shorthand for the paddingBottom style property.
pl	Spacing	Shorthand for the paddingLeft style property.
ps	Spacing	Shorthand for the paddingStart style property.
pe	Spacing	Shorthand for the paddingEnd style property.
ph	Spacing	Shorthand for the paddingHorizontal style property.
pv	Spacing	Shorthand for the paddingVertical style property.

...ViewProps