javascript - 在React Native的项目里的图片是使用Icon组件还是直接用Image组件实现？

问题描述

问 题

现在在做React Native的项目，遇到了很多地方需要使用图标，在网上查了查有像是react-native-vector-icons这样的优秀的图标组件，但看了看模块十分庞大，是不是直接用图片来更加有利于减小安装包体积？

解决方案

按你的问题来说可以用Icon组件，也可以用Image组件，看需求都有支持。也可以用@2x与@3x指示高解析的图片。

Icon的使用可以零失真而且无版权问题，但缺点是色彩单一而且需要载入字体，图标字体档不会太大，以FontAwesome有600多图标来说，只有149kb，MaterialIcons有900多图标，125kb。你可以选择其中一种使用，不混用以降低安装包大小。当然你也可以用自订图标字体，来减少安装包体积。

目前React Native内支持的图片格式有jpg, png，也可支持gif, webp，不过Android需要额外加装模组才能支援gif与webp。参考https://facebook.github.io/re...

至于svg也是一种矢量图，可以透过如react-native-svg扩展支持，不过它会用在图表显示为主。

这篇关于javascript - 在React Native的项目里的图片是使用Icon组件还是直接用Image组件实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！