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

React Native UI library

import type React from 'react';
import type { TextStyle, TouchableHighlightProps, StyleProp } from 'react-native';
export declare type ButtonSize = 'default' | 'large' | 'normal' | 'small' | 'mini';
export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'link';
export interface ButtonProps extends Omit<TouchableHighlightProps, 'underlayColor' | 'activeOpacity'> {
    /**
     * 按钮文字
     */
    text?: string;
    /**
     * 文字自定义样式
     */
    textStyle?: StyleProp<TextStyle>;
    /**
     * 大小
     * @default 'default'
     */
    size?: ButtonSize;
    /**
     * 类型
     *
     * @default 'default'
     */
    type?: ButtonType;
    /**
     * 朴素
     */
    ghost?: boolean;
    /**
     * 细边框
     */
    hairline?: boolean;
    /**
     * 是否禁用按钮
     */
    disabled?: boolean;
    /**
     * 是否显示为加载状态
     */
    loading?: boolean;
    /**
     * 加载状态提示文字
     */
    loadingText?: string;
    /**
     * 是否为方形按钮
     */
    square?: boolean;
    /**
     * 是否为圆形按钮
     */
    round?: boolean;
    /**
     * 渲染左侧图标
     */
    renderLeftIcon?: (color: string, size: number) => React.ReactElement;
    /**
     * 按钮颜色，不支持渐变
     */
    color?: string;
    /**
     * 按钮文案颜色，设置了 color 默认值为 #fff
     */
    textColor?: string;
}