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

🌈 React Native UI library

import type React from 'react';
import type { TouchableWithoutFeedbackProps, TextStyle, StyleProp, ColorValue } from 'react-native';
export declare type NoticeBarStatus = 'primary' | 'success' | 'warning' | 'error';
export declare type NoticeBarMode = 'closeable' | 'link';
export interface NoticeBarProps extends TouchableWithoutFeedbackProps {
    /**
     * 通知文本文案样式
     */
    messageTextStyle?: StyleProp<TextStyle>;
    /**
     * 通知文本内容
     */
    message?: React.ReactNode;
    /**
     * 内置状态
     * @default 'warning'
     */
    status?: NoticeBarStatus;
    /**
     * 通知栏模式，可选值为 `'closeable' | 'link'`
     */
    mode?: NoticeBarMode;
    /**
     * 是否显示边框
     * @default false
     */
    bordered?: boolean;
    /**
     * 通知文本颜色
     * @default notice_bar_text_color
     */
    color?: ColorValue;
    /**
     * 通知背景颜色
     * @default notice_bar_background_color
     */
    backgroundColor?: ColorValue;
    /**
     * 图标颜色
     * @default notice_bar_text_color
     */
    iconColor?: ColorValue;
    /**
     * 是否开启文本换行
     * @default false
     */
    wrapable?: boolean;
    /**
     * 是否为方形
     * @default true
     */
    square?: boolean;
    /**
     * 大小
     * @default 'm'
     */
    size?: 'm' | 's';
    /**
     * 渲染左侧图标
     */
    renderLeftIcon?: (color: ColorValue, size: number) => React.ReactNode;
    /**
     * 渲染右侧图标
     */
    renderRightIcon?: (color: ColorValue, size: number) => React.ReactNode;
    /**
     * 点击关闭按钮
     */
    onPressClose?: () => void;
}