在 React Native 中，如何防止拉动刷新时 FlatList 的标头下降？

I have a FlatList with a Header. When I pull to refresh now, the header goes down along with all list items:

但我希望它保持在顶部，以便只有项目被拉下来：

如果我将标头组件不放在 FlatList 内部，而是放在它之前，就可以实现这种行为。但是，它不适合，因为标题将始终保持在顶部，但我需要它随着列表项滚动，就好像它是列表的一部分一样。我怎样才能做到这一点？

我尝试在 onScroll 事件中为标题设置负边距，但它看起来一点也不平滑，并且会导致奇怪的效果。

我很感激您对如何做到这一点的想法。