自定义图标react-native上的徽章在react-native中无法正常工作

Question

我创建了一个基于this tutorial的自定义字体，并且所有内容都适用于新的CustomIcon标记，但是，当我在FooterTab上使用它时，我想添加一个徽章，这个最后一个组件不起作用正确，徽章位置错误，只是这个图像：

FooterTab中的Button似乎是：

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

CustomIcon导入如下所示：

import CustomIcon from '../config/CustomIcon';

上面导入的CustomIcon文件是：

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

我尝试了许多方法以正确的形式找到徽章，但是没有用。

还有另一种解决方案吗？谢谢