Question

在React Native中将ScrollView与Animated一起使用时遇到问题。希望看看是否有人知道为什么会这样，或者解决方法！

基本上，我希望有一个页面可以切换显示的内容。在我将提供的示例中，我将有一个Daily View和一个Weekly View，每个都是ScrollViews。 DailyView将默认显示，然后我想基本上按一个按钮来切换视图。每日视图滚动视图将动画显示视图（通过不透明度和平移-y），每周视图滚动视图将动画显示（通过不透明度和平移-y）。

我已经让动画与切换工作...但是，两者的ScrollViews都没有正常工作。它们让我认为我在滚动，然后当我放手时，它会立即反弹回来。

这是一个小吃，展示：https://snack.expo.io/BkTrdN8RZ

谢谢！

Answer 1

为height父级添加ScrollView样式。

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

     <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>

React Native ScrollView Animated

1 个答案: