ReactNative ScrollView不會滾動到底部

如果我嘗試滾動到我的ScrollView的底部，它會彈回到其默認位置，並且不會讓我查看其全部內容。ReactNative ScrollView不會滾動到底部

我的（截）的設置是相當簡單：

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

這是我的實際代碼的簡化版本。但是我得出的結論是as in this reference有某種「無限高度」。

我確實試過確保一切和所有父母都有flex: 1一直到我的<ScrollView>的孩子<View>，直至其父母。但這似乎沒有辦法。

關於如何調試的任何想法？我知道ReactNative的網站推薦這一點，並表示在檢查員中做這件事很容易（但沒有關於如何去做的說明）。如果我假設存在「無限高度」問題，那麼人們會如何去尋找並找到這個無賴的無邊節點？或者是別的什麼？

來源

2017-04-06 Trip

有界高度thingy表示ScrollView本身必須被綁定。如果ScrollView的高度沒有限制，它將隨着您的內容展開並且不會滾動。

您可以再補充height到ScrollView，看看它是如何工作，從那裏，你可以用絕對高度或在某種程度上將在ScrollView高度限制，你想要什麼用彎曲。

來源

2017-04-06 13:36:50

嗯..即使我明確地設置高到ScrollView，它仍然反彈回來。 – Trip

「反彈」意味着什麼？是從中間到隨機地開始？什麼時候發生什麼事？ –

您必須確保ScrollView有固定的高度，無論是爲父母還是爲自己設置。

我使用flex來設置其高度，而不是直接指定它，因此它適用於所有屏幕尺寸。因此，對於你的代碼像

<View style={{flex: 1}}> 
    <View> 
     <ABunchOfStuff /> 
    </View> 
    <View style={styles.sectionNode} > 
     <ABunchOfStuff /> 
    </View> 
    <ScrollView style={{flex:0.8}}> 
     <View> 
     <ABunchOfStuff /> 
     </View> 
    </ScrollView> 
</View>

更多信息反應本土docs

來源

2017-04-06 15:43:26

我確實爲鏈上的每個節點設置了flex集。並且還鏈接了您在我的問題中包含的相同鏈接。 – Trip

你可以用每個視圖的樣式元素更新問題嗎？我有類似的問題，我再次看了我的代碼。我有ScrollView包裝在一個View中，它有一個flex，而不是在ScrollView中設置它自己。你能檢查更新的答案嗎？ –

嘗試採取柔性出ScrollView的全部，只是把flex: 1父。這對我來說是訣竅。

來源

2017-07-27 02:02:25

ReactNative ScrollView不會滾動到底部

回答

相關問題