@fruits-chain/react-native-xiaoshu/lib/typescript/skeleton/interface.d.ts

🌈 React Native UI library

export declare type SkeletonAvatarProps = {
    /**
     * 是否展示动画效果
     * @default true
     */
    active?: boolean;
    /**
     * 设置头像占位图的大小
     * @default 40
     */
    size?: number;
    /**
     * 指定头像的形状
     * @default 'circle'
     */
    shape?: 'circle' | 'square';
};
export declare type SkeletonTitleProps = {
    /**
     * 设置标题占位图的宽度，百分比
     */
    width?: number;
};
export declare type SkeletonParagraphProps = {
    /**
     * 是否展示动画效果
     * @default true
     */
    active?: boolean;
    /**
     * 设置段落占位图的行数
     */
    rows: number;
    /**
     * 每行的宽
     */
    widths: number[];
};
export interface SkeletonProps {
    /**
     * 是否展示动画效果
     * @default true
     */
    active?: boolean;
    /**
     * 为 true 时，显示占位图。反之则直接展示子组件
     */
    loading?: boolean;
    /**
     * 是否显示头像占位图
     * @default false
     */
    avatar?: boolean | SkeletonAvatarProps;
    /**
     * 是否显示标题占位图
     * @default true
     */
    title?: boolean | SkeletonTitleProps;
    /**
     * 是否显示段落占位图
     * @default true
     */
    paragraph?: boolean | SkeletonParagraphProps;
}