现在在做React Native的项目，遇到了很多地方需要使用图标，在网上查了查有像是react-native-vector-icons这样的优秀的图标组件，但看了看模块十分庞大，是不是直接用图片来更加有利于减小安装包体积？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1
915
收藏
按你的问题来说可以用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扩展支持，不过它会用在图表显示为主。