javascript - ScrollView 弹跳的 2 种不同背景颜色

Question

我有一个 ScrollView它的顶部具有一种背景颜色，底部具有另一种不同的颜色。

当用户滚动内容并且 View 反弹(弹性过度扩展)时，我怎样才能使其背景与顶部或底部一致，具体取决于滚动方向？

Answer 1

我不会玩contentInset和 contentOffset ScrollView 就像您的内容发生变化一样，它可能会改变您的 ScrollView 的位置。

您可以通过在 ScrollView 的最顶部添加一个 View 来做一些非常简单的事情:

// const spacerHeight = 1000;

<ScrollView>
  {Platform.OS === 'ios' && (
    <View 
      style={{
        backgroundColor: 'red',
        height: spacerHeight,
        position: 'absolute',
        top: -spacerHeight,
        left: 0,
        right: 0,
      }} 
    />
  )}
</ScrollView>