在React Native滚动视图中设置偏移量限制

Question

我在本机中有一个水平的ScrollView。此ScrollView包含两个元素。为了简单起见，我们将这些元素称为blue和green。

在ScrollViewI上方，我也有绝对的位置View，可以左右拖动。

我要实现的是，当我从左向右滚动滚动视图时，蓝色区域不应通过紫色视图。滚动应仅在右侧停止。向左滚动通常必须正常工作。

我能想到的一种解决方案是使蓝色区域非常宽，然后根据紫色可拖动视图的位置将最小偏移量设置为滚动视图。但我不确定这是否可行ScrollView

<ScrollView
  ...
  minOffset={positionOfThePurpleView}
/>

谁能想到更好的解决方案？

Answer 1

对于仍然有这个问题的人来说，这更像是一个答案

为了减少屏幕的限制，您可以使用屏幕<View>内的组件来限制它Scrollview

在这种情况下：

<ScrollView>
  <View style = {{width: (your limit here)}}>
    code here
  </View>
</ScrollView>

如果你想调整高度

<ScrollView>
  <View style = {{height: (your limit here)}}>
    code here
  </View>
</ScrollView>

希望它对某人有用