反應本機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

記住ScrollViews必須有一個有界的高度爲了工作，因爲它們含有無界高度的孩子培養成一個有界的容器（通過滾動交互）。爲了限制ScrollView的高度，可以直接設置視圖的高度（不鼓勵）或確保所有父視圖的高度都是有界的。忘記將{flex: 1}轉移到視圖堆棧可能導致錯誤，元素檢查器可以很容易地進行調試。

https://facebook.github.io/react-native/docs/scrollview.html

我想你應該風格分配給您的滾動視圖使用Flex：1個屬性。並創建一個contentContainerStyle以獲得更好的設計。

Answer 2

對於陣營本地的新手和我一樣：

瞭望使設置在滾動視圖的contentContainerStyle屬性，它基本上是告訴了滾動明確不滾動{flex:1}的錯誤，並希望它滾動， 因爲這臺內容高度到同一父母的框架這是滾動視圖