跳到主要内容

Space 间距

用于控制子元素的间距,通过 gap 实现,建议直接使用全局样式的 gap

示例

import { Space } from '@/duxui'

<Space>
<View>内容1</View>
<View>内容2</View>
<View>内容3</View>
</Space>

Props

继承自Taro的View Props

在RN端不完全继承

size

元素间的间距

类型必填默认值
number24

between

是否在元素的开头和结束位置也加上间距

类型必填默认值
booleanfalse

row

是否横向排列

类型必填默认值
booleanfalse

wrap

是否自动换行 相当于 flex-wrap: wrap

类型必填默认值
booleanfalse

items

align-items 的封装

类型必填默认值
enum('start', 'end', 'center', 'baseline', 'stretch')stretch

justify

justify-content 的封装

类型必填默认值
enum('start', 'end', 'center', 'between', 'around')start

grow

设置为true相当于 flex: 1

类型必填默认值
booleanfalse

shrink

设置为true相当于 flex-shrink: 0

类型必填默认值
booleanfalse

self

align-self 的封装

类型必填默认值
enum('start', 'end', 'center', 'baseline', 'stretch')