React Native ScrollView Animated

Question

我在React Native中将ScrollView与Animated结合使用时遇到问题。希望看看是否有人知道为什么会发生这种情况，或者解决方法！

基本上，我想要一个带有切换开关的页面，用于切换显示的内容。在此示例中，我将提供一个Daily View和一个Weekly View，每个 ScrollViews。默认情况下，DailyView将显示，然后我想基本上按下一个按钮来切换视图。"每日视图"滚动视图将在视图外进行动画处理（通过不透明度和平移-y），"每周视图滚动视图"将以动画形式呈现（通过不透明度和平移-y）。

我已经让动画与切换一起使用...但是，两者的滚动视图都无法正常工作。它们让我觉得我在滚动，然后当我松手时，它会立即反弹回顶部。

这里有一个小吃演示： https://snack.expo.io/BkTrdN8RZ

谢谢！

Answer 1

为ScrollView父级添加height样式。

我已经检查过 - 它将解决滚动问题。但是我无法解释为什么会发生这种情况。

     <View style={{
        height: Dimensions.get('window').height
      }}> 
        <ScrollView style={{ flex: 1 }}>
          <Text style={{ textAlign: 'center', fontSize: 20, fontWeight: 'bold' }}>This is the Text for Weekly View</Text>
          <Text>{lipsum}</Text>
        </ScrollView>
      </View>