在反应本机滚动视图中设置偏移限制答案

【问题标题】：Set offset limit in react native scrollview在反应本机滚动视图中设置偏移限制
【发布时间】：2019-07-13 13:03:05
【问题描述】：

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

在ScrollView 上，我还绝对定位了View，我可以左右拖动。

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

在这种情况下：

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

如果你想调整高度

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

希望它对某人有用

【讨论】：