@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
50 lines (49 loc) • 1.16 kB
TypeScript
import type { ViewProps, FlexStyle } from 'react-native';
import type { BlankProps } from '../blank/interface';
declare 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 space_gap_vertical
*/
gapVertical?: number;
/**
* 水平方向的间距大小
* @default space_gap_horizontal
*/
gapHorizontal?: number;
/**
* 头部是否添加间距
* @default false
*/
head?: boolean | number;
/**
* 尾部是否添加间距
* @default false
*/
tail?: boolean | number;
/**
* 主轴对齐方式
*/
justify?: FlexStyle['justifyContent'];
/**
* 交叉轴对齐方式
*/
align?: FlexStyle['alignItems'];
}
export {};