在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扩展支持,不过它会用在图表显示为主。

图标是矢量的,不会失真。图片就不行。
react-native-vector-icons是可以按需加载的,而且体积也不大。

发表评论

电子邮件地址不会被公开。 必填项已用*标注