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>} 
/>