包详细信息

@rneui/layout

react-native-elements379MIT0.0.0-alpha.6

Cross Platform React Native UI Toolkit

react, native, react native, react native elements

自述文件

@rneui/layout

This Component is experimental and may change, do not use in production until stable release

Installation

npm i @rneui/layout
yarn add @rneui/layout

Stack

Stack Usage

<Stack row>
  <Button>Hey</Button>
  <Button>Hello</Button>
</Stack>

Stack Props

Name Type Default Description
align FlexAlignType flex-start
justify center or flex-start or flex-end or space-between or space-around or space-evenly flex-start
reverse boolean false
row boolean false
spacing number 0

Box

Box Usage

```tsx live

<Box m={3}> <Button>Hey</Button> </Box> ```

Box Props

Name Type Default Description
m string or number
margin string or number
marginBottom string or number
marginHorizontal string or number
marginLeft string or number
marginRight string or number
marginTop string or number
marginVertical string or number
mb string or number
ml string or number
mr string or number
mt string or number
mx string or number
my string or number
p string or number
padding string or number
paddingBottom string or number
paddingHorizontal string or number
paddingLeft string or number
paddingRight string or number
paddingTop string or number
paddingVertical string or number
pb string or number
pl string or number
pr string or number
pt string or number
px string or number
py string or number

Contribution

Made by Arpit Bhalla