React-native Image组件相关问题记录

最近应用内的表情(图片)问题,发现了很多奇怪的问题,总结如下:

  1. IOS13下,Text包裹Image会出现一个文件图标背景。
    原因:因为Text里显示Image,需要用一个占位符,RN的IOS原生使用了一个组件来占位。IOS13下,这个组件会默认显示为空为一个文件图标,导致这个问题。
    解决:https://github.com/facebook/react-native/commit/06599b3e594355a1d5062ede049ff3e333285516?tdsourcetag=s_pcqq_aiomsg
    如果不升级版本,可以用过打Patch方式补丁
  2. android下,Gif不动态:这个是没有启用动态库的原因,可以参考官方文档:
    注意,一定要看自己RN对应版本的,因为不同版本的库版本不一样
    https://facebook.github.io/react-native/docs/0.59/image#gif-and-webp-support-on-android
  3. 如果你是用Text包裹的Image,你会发现,用第二个办法加了动态库反而会导致图片无法显示。这是一个BUG,暂时还没找到解决方案。等空一点再查下,估计也是某个源码的问题
  4. 如果你是Text包裹的Image,然后你还在Text上增加了selectable属性,会导致Image的加载也有问题。第一次显示不加载,然后比如点进入一个详情,或者其他地方显示了Image,才会都显示。也是未找到原因。

发表评论

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