React Native中ScrollView视差/动画Header卡顿问题求助

我之前也碰到过React Native里视差Header的这个棘手问题，目前能找到的唯一临时解决办法是隐藏refreshComponent——因为contentContainerStyle根本没法和refreshComponent交互，没法通过它配合实现视差效果。

我还试过通过移动ScrollView组件来达成视差动画，但滚动过程中会出现严重的卡顿，完全没法用在生产环境里。

其实这类视差动画Header是非常普遍的需求，像Facebook、Twitter这类主流应用的首页都采用了这种效果，就类似Play Store首页那种头部随滚动动态变化的动画。

我做了一个Expo Snack示例来复现这个问题，能清楚看到在Android端上下滚动时，容器的动画和滚动操作的并发动画完全不兼容，直接导致画面卡顿、布局错乱，体验极差。

内容的提问来源于stack exchange，提问作者Primate