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

🌈 React Native UI library

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

import type { BadgeTheme } from './style'

export interface BadgeProps extends ViewProps {
  theme?: Partial<BadgeTheme>

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

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

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

  /**
   * 徽标背景颜色
   * @default badge_background_color
   */
  color?: ColorValue

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

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

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

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

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

  /**
   * 内置颜色，优先级低于自定义 color
   */
  status?: 'primary' | 'success' | 'warning' | 'error'
}