Badge

图标右上角的圆形徽标数字。

基本用法

import {Badge} from "react-native-maui";

<Badge style={{ marginHorizontal: 5 }} number={2} />
<Badge style={{ marginHorizontal: 5 }} number={10} />
<Badge style={{ marginHorizontal: 5 }} number={102} />

自定义样式

import {Badge} from "react-native-maui";

<Badge style={{ marginHorizontal: 5 }} number={2} size={20} />
<Badge style={{ marginHorizontal: 5 }} number={10} size={20}  />
<Badge style={{ marginHorizontal: 5 }} number={102} size={20}  />
<Badge style={{ marginHorizontal: 5 }} number={2} size={20} color={'#11659a'} />
<Badge style={{ marginHorizontal: 5 }} number={100} size={20} color={'#11659a'} />

属性

名称	描述	类型	默认值
number Required	组件内展示的数字，超过99的数字会被展示为99+。	number	-
size	组件大小	number	15
fontSize	数字字号大小，默认为0.8*size	number	12
color	组件背景颜色	string	#fc4840
style	组件容器样式	ViewStyle	-