有没有一种方法来使用自定义图标在React Native没有任何第三方库?



我知道我们不能在RN中直接使用SVG,但我们可以将其转换为.ttf。我的问题是,如果不安装react-native-vector-icons和类似的库,我们如何使用这些TTF文件?我能在谷歌上找到的所有教程都涉及安装这些库,但我不允许在我的项目中使用它们。我不允许实现任何需要更改android或iOS文件夹的解决方案。

到目前为止我知道什么?

嗯,我可以去fontello.com并将任何SVG图标转换为.ttf。它将生成一个包含字体文件和config.json文件的文件夹。

我不知道什么?

我不知道如何使用Fontello生成的文件在没有任何库的帮助下显示图标。

回答我自己的问题,你可以把TTF文件放在android/app/src/assets/fonts中,并直接使用它们作为字体族名。问题是我正在创建一个NPM包,所以这不是一个合适的解决方案。因此,我发现react-native-svg不需要任何特殊的配置,您可以通过从库中导入SvgXml直接使用XML代码。

最新更新