是否可以从expo vector-icons导入特定的图标?

时间:2019-12-26 16:35:51

标签: javascript reactjs react-native expo

我正在寻求减小应用程序大小,并试图了解我的选择。我知道我应该退出并且不使用Expo,并且我打算最终这样做,但是我希望在这样做之前了解所有工作原理。

我正在考虑的事情之一就是仅导入某些图标,以避免在将图标拉出的模块中导入整个expo矢量图标库。目前,我正在执行以下操作:

input[type="text"]

也许这是被误导了,如果可以的话,我将不胜感激,但是是否有可能/值得仅导入某些图标,以减少引入整个Expo Vector图标库?有关系吗?

最后,我知道我也可以将自己单独使用的那些图标保存在资产中,但想在阅读所有手册之前先看看是否有更简单的解决方案。谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用 react-native-fontawesome 提供的显式导入方法。
这是文档中的示例。
https://github.com/FortAwesome/react-native-fontawesome#explicit-import

// ...
import { library } from '@fortawesome/fontawesome-svg-core'
import { fab } from '@fortawesome/free-brands-svg-icons'
import { faCheckSquare, faCoffee } from '@fortawesome/free-solid-svg-icons'

library.add(fab, faCheckSquare, faCoffee)

这可能不是您问题的答案,因为它不使用 @expo/vector-icons 但这样您就可以在不弹出的情况下实现您想要的,所以我认为这可能是一个不错的选择。
另外,我想知道是否有其他选项(如其他字体)可以轻松实现这一点。