@fruits-chain/react-native-xiaoshu/src/badge/interface.ts

React Native UI library

import type { TextStyle, ViewStyle, StyleProp } from 'react-native'

export interface BadgeProps {
  /**
   * 最外层 Badge 的样式
   */
  style?: StyleProp<ViewStyle>

  /**
   * 文案部分样式
   */
  countStyle?: StyleProp<ViewStyle>

  /**
   * 数字文案样式
   */
  countTextStyle?: StyleProp<TextStyle>

  /**
   * 徽标内容/展示的数字
   */
  count?: number | string

  /**
   * 徽标背景颜色
   */
  color?: string

  /**
   * 不展示数字，只有一个小红点
   * @default false
   */
  dot?: boolean

  /**
   * 最大值，超过最大值会显示 {max}+，仅当 count 为数字时有效
   */
  max?: number

  /**
   * 数据是否在加载中，如果在加载中就暂时不显示 count
   * @default false
   */
  loading?: boolean

  /**
   * 当数值为 0 时，是否展示 Badge
   * @default false
   */
  showZero?: boolean

  /**
   * 设置状态点的位置偏移
   */
  offset?: [number, number]

  /**
   * 设置 Badge 为状态点
   */
  status?: 'primary' | 'success' | 'warning' | 'error'
}