Space 间距
用于控制子元素的间距,通过 gap
实现,建议直接使用全局样式的 gap
示例
import { Space } from '@/duxui'
<Space>
<View>内容1</View>
<View>内容2</View>
<View>内容3</View>
</Space>
Props
继承自Taro的View Props
在RN端不完全继承
size
元素间的间距
类型 | 必填 | 默认值 |
---|---|---|
number | 否 | 24 |
between
是否在元素的开头和结束位置也加上间距
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
row
是否横向排列
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
wrap
是否自动换行 相当于 flex-wrap: wrap
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
items
对 align-items
的封装
类型 | 必填 | 默认值 |
---|---|---|
enum('start', 'end', 'center', 'baseline', 'stretch') | 否 | stretch |
justify
对 justify-content
的封装
类型 | 必填 | 默认值 |
---|---|---|
enum('start', 'end', 'center', 'between', 'around') | 否 | start |
grow
设置为true相当于 flex: 1
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
shrink
设置为true相当于 flex-shrink: 0
类型 | 必填 | 默认值 |
---|---|---|
boolean | 否 | false |
self
对 align-self
的封装
类型 | 必填 | 默认值 |
---|---|---|
enum('start', 'end', 'center', 'baseline', 'stretch') | 否 |