@fruits-chain/react-native-xiaoshu/src/space/interface.ts

🌈 React Native UI library

import type { ViewProps, FlexStyle } from 'react-native'

import type { BlankProps } from '../blank/interface'

type SpaceDirection = 'vertical' | 'horizontal'

export interface SpaceProps extends ViewProps {
  /**
   * 间距方向 `'vertical' | 'horizontal'`
   * @default 'vertical'
   */
  direction?: SpaceDirection

  /**
   * 是否自动换行，仅在 horizontal 时有效
   * @default false
   */
  wrap?: boolean

  /**
   * 间距大小
   * @default 's'
   */
  gap?: number | BlankProps['size']

  /**
   * 垂直方向的间距大小
   * @default blank_size_{s,m,l}
   */
  gapVertical?: number

  /**
   * 水平方向的间距大小
   * @default blank_size_{s,m,l}
   */
  gapHorizontal?: number

  /**
   * 头部是否添加间距
   * @default false
   */
  head?: boolean | number

  /**
   * 尾部是否添加间距
   * @default false
   */
  tail?: boolean | number

  /**
   * 主轴对齐方式
   */
  justify?: FlexStyle['justifyContent']

  /**
   * 交叉轴对齐方式
   */
  align?: FlexStyle['alignItems']

  /**
   * 子元素最小宽
   */
  minWidth?: number

  /**
   * direction 为 'horizontal' 时底边距收缩
   * @default false
   */
  shrink?: boolean
}