首页 > 解决方案 > Fontello 图标未显示 React Native Ios

问题描述

我正在尝试在带有 IOS 的 React Native 上使用 Fontello 实现自定义图标,但遇到了同样的问题。我通过安装矢量图标然后链接它们来遵循文档中的所有必需步骤。接下来,我将 .ttf 文件放在我的 /assets/fonts 文件夹中,并将它们也链接起来。我检查了 .ttf 是否放置在 ios 文件夹以及构建阶段和 info.plist 的资源中。但是,当我运行它时,字体在一个响应大小和颜色的框中显示为问号。我应该做什么?我尝试在其他解决方案中重新启动、重新链接、删除和重新安装该应用程序。

这是图标的代码:


import { createIconSetFromFontello } from 'react-native-vector-icons';
import fontelloConfig from '../config.json';
const Icon = createIconSetFromFontello(fontelloConfig);

...

 render(){
    StatusBar.setBarStyle('light-content', true);
    return (
      <View style={styles.loginContainer}>
        <Icon name="icon_x" size={80} color="#bf1313" />
...

输出的图像: F

标签: iosreact-nativereact-native-vector-iconsfontello

解决方案


推荐阅读