可以从expo矢量图标中导入特定的图标吗？

Question

我希望减少应用程序的大小，并试图了解我的选择。我知道我可能应该弹出而不是使用Expo，我计划最终这样做，但在我这样做之前，我希望了解所有东西是如何工作的。

我考虑的其中一件事是只导入某些图标，以避免在我拉图标的模块中导入整个expo矢量图标库。目前，我做了以下工作：

import { Ionicons } from '@expo/vector-icons';

也许这是被误导的，如果是这样的话，我会感谢这个技巧，但是否有可能/是否值得只导入某些图标，以减少引入整个expo矢量图标库？有关系吗？

最后，我知道我可能也可以将我单独使用的图标保存在我的资产中，但我想看看在全部手动操作之前是否有更简单的解决方案。谢谢。

Answer 1

您可以使用react-native-fontawesome提供的显式导入方法。

这是doc中的示例。

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，但这样你就可以在不弹出的情况下实现你想要的东西，所以我认为这可能是一个很好的选择。

此外，我想知道是否有其他选择(如其他字体)来实现这一点很容易。