在React Native的 iOS端,越界滚动时背景会露出一片白色区域
在iOS上垂直过度滚动一个 ScrollView(或一个 View)时,显得过于“夸张”,并且会在该 View(一个白色背景)之上显示背景。我尝试将bounce、alwaysBounceVertical 甚至 overScrollMode 设置为禁用,但在iOS上都不起作用。它一直让用户在Y 方向上过度滚动得太多,超过我的“section header”组件。
还有其他修复方法吗?
return (
<ScrollView bounces={false} alwaysBounceVertical={false}
overScrollMode="never" style={[styles.container, stylesContainer]}>
{/* ANCHOR: titulos de resumo */}
<View style={styles.areaTitulo}>
<View style={styles.titlesColumn}>
{!!sectionText && sectionText !== "undefined" && (
<View style={styles.sectionRow}>
...
它应该具备的最大纵向滚动量:
在iOS上的纵向滚动量:
Scrolling Y
解决方案
这个弹跳效果是iOS的默认行为。如果把 alwaysBounceVertical 设置为false,当内容较小时才会生效。在你的情况下,要减小弹跳效果,可以尝试按如下设置
contentContainerStyle={{ flexGrow: 1 }}
这将确保滚动视图的内容被正确填充。
站内所有文章版权归属LeftHeroAI导航站,无授权禁止任何主体转载、抄袭、复制内容,亦不得私自架设镜像站点。一经侵权,本站将通过法律途径追责。