react-native - 带有 Sticky 视图的 ScrollView 位于状态栏下方

Question

我正在尝试实现此效果，以使粘性视图不进入 StatusBar 并在粘贴时用背景颜色填充上方的空间：

目前我正在使用stickyHeaderIndices={[0]}它，它工作正常，但不适用于 SafeAreaView。我在想的是在高度为 StatusBar 的粘性视图上方添加最初的透明视图，然后当它粘住时，为其添加白色背景。但是当它粘住时，我很难抓住它。我试图寻找一些回调或任何东西，找不到任何东西。

我现在拥有的：

谢谢

标签： react-native

Answer 1

我知道了。如果有人需要实现类似的事情，请从该粘性视图中获取参考，在 ScrollView 添加 onScroll 并在该回调测量视图中检查 y/pageY 是否为 0 或您需要的任何其他值并存储类似isSticky: boolean状态的内容。