ReactNative ScrollView不会滚动到底部

Question

如果我尝试滚动到ScrollView的底部,它会弹回到默认位置,不会让我查看其全部内容.

我的(截断的)设置非常简单:

  <View>
    <View>
      <ABunchOfStuff />
    </View>   
    <View style={styles.sectionNode} >
      <ABunchOfStuff />
    </View>   
    <ScrollView>    <------ My broken ScrollView :(
      <View>
        <ABunchOfStuff />
      </View>
    </ScrollView>   
  </View>

这是我实际代码的简化版本.但我得出的结论是,在这个参考文献中存在某种"无限高度" .

我确实尝试确保所有人和所有父母一直flex: 1都能接触到<View>我<ScrollView>和他父母的孩子.但这似乎没有成功.

关于如何调试这个的任何想法？我知道ReactNative的网站建议这样做,并说在检查员中很容易做到(但没有说明怎么做).如果我假设存在一个"无限高度"的问题,那么如何找到这个流氓无界的节点呢？或者是别的什么？

Answer 1

尝试将flex ScrollView完全取出并放入flex: 1父级.这对我有用.

Answer 2

父视图必须有 style={{flex: 1}} 然后滚动视图可以有 style={{flex: 1}}

Answer 3

有界高度意味着它ScrollView本身必须被绑定。如果 ScrollView 具有无限的高度，它会随着您的内容伸展而不会滚动。

您可以添加height到ScrollView并查看它是如何工作的，从那里您可以使用绝对高度或以将ScrollView高度限制为您想要的方式使用 flex 。

Answer 4

对我来说，问题设置paddingVertical，paddingTop或paddingBottom在滚动型。只是不要那样做。它会影响ScrollView内容的高度，而ScrollView不会适当地对其进行调整。