如何在Scrollview(React Native)中禁用反弹效果?

ffvjumwh  于 2023-05-01  发布在  React
关注(0)|答案(4)|浏览(258)

我已经在我的屏幕上使用了滚动视图,当我记录y偏移时,我得到负值?
如何禁用滚动视图反弹?

nhjlsmyf

nhjlsmyf1#

这段代码应该可以工作:

<ScrollView
    alwaysBounceHorizontal={false}
    alwaysBounceVertical={false}
    bounces={false}
/>
0x6upsns

0x6upsns2#

设置这个:

<ScrollView bounces={false}>
  ...
</ScrollView>
fcwjkofz

fcwjkofz3#

有一些 prop 叫做alwaysBounceVertical。将其设为false。

<ScrollView
    alwaysBounceVertical={false}
/>

这是医生。

gorkyyrv

gorkyyrv4#

其他人给出的答案只解决了iOS的问题,但对于Android,这个问题仍然存在。
这是我经过一番挖掘后找到的最终解决方案。
iOS解决方案:(https://reactnative.dev/docs/scrollview#bounces-ios)

<ScrollView
    alwaysBounceHorizontal={false}
    alwaysBounceVertical={false}
    bounces={false}
/>

Android解决方案:(https://reactnative.dev/docs/scrollview#overscrollmode-android)

<ScrollView
    overScrollMode="never"
/>

相关问题