React native 自定义图标上方的徽章'；t在反应器中正常工作

我根据创建了一个自定义字体，并且所有内容都可以使用新的CustomIcon标记，但是，当我在FooterTab上使用它时，我想添加一个徽章，最后一个组件无法正常工作，并且徽章位置错误，仅此图为：

Footer选项卡中的按钮如下所示：

    <Button badge vertical>
      <Badge>
        <Text>
          8
        </Text>
      </Badge>
      <CustomIcon style={{fontSize: 30}} name='logros_desactivada' />
      <Text>
        Logros
      </Text>
    </Button>

上面导入的CustomIcon文件是：

import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icoMoonConfig from '../../assets/selection.json';
export default createIconSetFromIcoMoon(icoMoonConfig);

我尝试了很多方法以正确的形式定位徽章，但没有任何效果

---

还有另一个解决方案？谢谢

您使用的是哪个

？本机基本库中的按钮

import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icoMoonConfig from '../../assets/selection.json';
export default createIconSetFromIcoMoon(icoMoonConfig);