@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
100 lines • 2.34 kB
TypeScript
import type React from 'react';
import type { StyleProp, ViewStyle, TextStyle, TouchableWithoutFeedbackProps, ViewProps } from 'react-native';
import type { CardTheme } from './style';
export interface CardProps extends ViewProps {
theme?: Partial<CardTheme>;
/**
* 标题
*/
title?: React.ReactNode;
/**
* 标题左侧操作区
*/
titleLeftExtra?: React.ReactNode;
/**
* 卡片右上角的操作区域
*/
extra?: React.ReactNode;
/**
* 底部区域
*/
footer?: React.ReactNode;
/**
* 自定义标题区域样式
*/
headerStyle?: StyleProp<ViewStyle>;
/**
* 头部标题的样式
*/
titleStyle?: StyleProp<ViewStyle>;
/**
* 头部标题文案样式
*/
titleTextStyle?: StyleProp<TextStyle>;
/**
* 内容区域自定义样式
*/
bodyStyle?: StyleProp<ViewStyle>;
/**
* 底部自定义样式
*/
footerStyle?: StyleProp<ViewStyle>;
/**
* 底部文案自定义样式
*/
footerTextStyle?: StyleProp<TextStyle>;
/**
* 大小
* @default 'm'
*/
size?: 'm' | 's';
/**
* 是否为方形
* @default false
*/
square?: boolean;
/**
* 当卡片内容还在加载中时，可以用 loading 展示一个占位
* @default false
*/
loading?: boolean;
/**
* header 区域显示分割线
* @default true
*/
headerDivider?: boolean;
/**
* footer 区域显示分割线
* @default true
*/
footerDivider?: boolean;
/**
* body 是否有内边距
* @default true
*/
bodyPadding?: boolean | number | {
left?: boolean | number;
right?: boolean | number;
top?: boolean | number;
bottom?: boolean | number;
};
/**
* 点击 header 区域，该区域包含 titleLeftExtra、title、extra
*/
onPressHeader?: TouchableWithoutFeedbackProps['onPress'];
/**
* header 区域渲染完成
*/
onLayoutHeader?: ViewProps['onLayout'];
/**
* body 区域渲染完成
*/
onLayoutBody?: ViewProps['onLayout'];
}
export interface CardBodyProps extends ViewProps {
/**
* 内边距
*/
padding?: CardProps['bodyPadding'];
}
//# sourceMappingURL=interface.d.ts.map