React Native：如何在ScrollView包圍時創建粘滯的SectionList標頭

Question

我知道SectionList默認情況下在iOS中保持其標頭。 但是，當SectionList被ScrollView包圍時，不再有粘性標題工作。

我的基本結構是這樣的。

<ScrollView> 
    <Text style={styles.paragraph}>...</Text> 
    <SectionList /> 
</ScrollView> 

（和現場測試代碼here）

如果我刪除ScrollView和Text，然後堅持頭效果很好。但是我想在SectionList開始前顯示文本（或Image,View）。

有沒有辦法解決？

謝謝。

Answer 1

您可以使用ListHeaderComponent

渲染在列表的最開始。可以是React組件 類，渲染函數或渲染的元素。

<SectionList 
    ListHeaderComponent={<View><Text>Header</Text></View>} 
/>