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

时间：2019-07-13 13:03:05

标签： react-native

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

enter image description here

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

enter image description here

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

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

是否可行 
<ScrollView
  ...
  minOffset={positionOfThePurpleView}
/>

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

1 个答案:

答案 0 :(得分：0)

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

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

在这种情况下：

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

如果你想调整高度

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

希望对某人有用

相关问题
最新问题