uiscrollview - React Native ScrollView 有时不会滚动到底部

Question

在我的应用程序 index.io.js 中只有 1 ScrollView包裹在 View 中下render功能。有时我可以滚动到 ScrollView 的最底部并将屏幕保留在那里。但是 ScrollView 会弹回屏幕顶部，有时无法停留在底部。

有谁知道发生了什么？谢谢。

render() {
  return <View style={{flex: 1}}>
  <ScrollView>
    <Text>234</Text>
    <Text>234</Text>
    <Text>234</Text>
    <Text>234</Text>
    // .... repeat so many times ...
  </ScrollView>
  </View>
}

ps:我的RN是0.28.0，iOS部署目标是8.0

Answer 1

要准确回答这个问题，ScrollView 还应该有一个 style={{flex: 1}} 属性。 ScrollView 需要设置高度才能滚动。

但是在我的情况下，我在 ScrollView 上进行了填充，这肯定在系统深处抛出了一些计算。我正在使用 react 原生 0.55。

为了解决我需要改变:

<ScrollView style={{flex: 1, padding: 10}}>
   //Content goes here
</ScrollView>

到

<View style={{padding: 10, flex: 1}}>
   <ScrollView style={{flex: 1}}>
      //Content goes here
   </ScrollView>
</View>