react---IOS 14兼容问题及解决

CRUSH_BUDS

于 2021-07-28 17:35:42 发布

阅读量999

点赞数

CC 4.0 BY-SA版权

文章标签： react 前端 app开发 ios

本文主要记录了在使用React进行App开发时遇到的iOS 14兼容性问题，包括背景图片无法显示（SVG转PNG解决）以及Tab组件无法滑动（设置prerenderingSiblingsNumber属性解决）。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：在ios14版本以上的手机，以svg为背景图片的图片无法显示
解决：将svg图片换成png

问题：Tab组件无法滑动问题，排查到获取tab节点时，scrollWidth的值和clientWidth一样，可能是css属性影响到了或者系统兼容问题

查阅文档后，可以加上prerenderingSiblingsNumber属性
默认为0,表示预渲染视图的个数，为0表示只渲染当前页
http://ued.qunar.com/qrn/ui/ScrollableTabView.html

解决：

 <Tabs
	swipeable={xxx}
    tabs={tabs}
    onChange={func}   //照常写

    prerenderingSiblingsNumber={1}  //新增
/>