显示错误反应的图标-本机矢量图标(图标)

Question

我需要在我的应用程序中显示SVG图标，我完成了安装本机矢量图标库和配置icomon的整个过程。此外，我去了icomon网站并创建了我的字体文件。但是当我使用它时，应用程序呈现的图标与文件应该重新加载的图标不同。

配置二十元

import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icoMoonConfig from '../../assets/customIcons/selection.json';

export default createIconSetFromIcoMoon(
  icoMoonConfig,
);

应该加载的图标。

​

​

正在加载的图标

​

​

我的代码

export function ItemMenuDropdown({ item }) {
  const navigation = useNavigation();

  return (
    <Container onPress={() => navigation.navigate(item.navigation)}>
      <Content>
        <CustomIcon name="pencil" size={normalize(18)} color="#F68B1F" />
        <Text>{item.item}</Text>
      </Content>
    </Container>
  )

我在这个网站上找了几个解决方案，但我还没有找到一个有效的解决方案。有人能帮我吗？

Answer 1

我认为问题在您的selection.json文件中。它要么过时了，要么你遇到了某种缓存问题。也许您想使用这个模块来尝试相同的操作。

反应型