React native 如何在React Native(iOS/Android)中使用webfont npm软件包,如@mdi/light font,以及@obaldor/React Native矢量图标?

React native 如何在React Native(iOS/Android)中使用webfont npm软件包,如@mdi/light font,以及@obaldor/React Native矢量图标?,react-native,webfonts,react-native-vector-icons,material-design-icons,React Native,Webfonts,React Native Vector Icons,Material Design Icons,我想在React Native中使用以下图标webfont: 我正在使用管理我的网页字体。我不使用Expo 目前,我使用了@mdi/light font的.svg导出,并使用Fontello将其重新打包为自定义字体。然后我使用react原生向量图标辅助函数导入Fontello 突然间,我觉得我无缘无故地让我的生活变得更加艰难 我看到有一个ttf文件可以推送到android上。但是,我找不到如何导入glyphMap 有什么想法吗 谢谢我不太清楚React-Native是如何工作的,因为我从未使用过

我想在React Native中使用以下图标webfont:

我正在使用管理我的网页字体。我不使用Expo

目前,我使用了@mdi/light font的.svg导出,并使用Fontello将其重新打包为自定义字体。然后我使用react原生向量图标辅助函数导入Fontello

突然间,我觉得我无缘无故地让我的生活变得更加艰难

我看到有一个ttf文件可以推送到android上。但是,我找不到如何导入glyphMap

有什么想法吗


谢谢

我不太清楚React-Native是如何工作的,因为我从未使用过它,但你不能直接使用@mdi/React和@mdi/light-js吗?我们真的建议尽可能不要在图标上使用webfonts,不过如果你正在创建自己的子集,那么对用户来说应该不会像导入完整的字体文件那样糟糕。嗨@JamesCoyle,谢谢你的反馈。这很有趣。你会使用什么而不是字体。svg文件?我们提供@mdi/js和@mdi/light-js,它们将所有图标的svg路径作为javascript字符串提供给您。然后可以在代码中直接使用这些路径。对于react native,我认为您可以使用类似于包的东西来呈现这些路径。我们的路径都是为24x24可视框设计的。谢谢,我明白了。是的,它更直接。