React Native：如何在ScrollView包围时创建一个粘性的SectionList标头

Question

我知道SectionList默认情况下会在iOS中粘贴其标题。 但是，当SectionList被ScrollView包围时，不再使用粘贴标头。

我的基本结构是这样的。

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

（实时测试代码为here）

如果我删除ScrollView和Text，那么粘贴标头效果很好。但我希望在Image开始之前显示文字（或View，SectionList等）。

有办法解决吗？

感谢。

Answer 1

您可以使用ListHeaderComponent

  

在列表的最开头处呈现。可以是React组件   类，渲染函数或渲染元素。

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