react-native - 带有 Expo 的 react-navigation 标题折叠动画

Question

我正在调查 react-navigation 中的标题是否可以类似于 Twitter 等最广泛使用的社交应用程序进行动画处理。
为此，我最近遇到了coinbase's example which is given here .
我的问题是:

通常，如何对 react-navigation 标题进行动画处理？

具体来说，如何将 Coinbase 示例与 react-navigation 混合？

同样，我找不到任何关于 react-navigation-collapsible 的 react 导航用法的干净示例。任何一个。
因此，任何原子示例代码都值得赞赏。

Answer 1

https://reactnavigation.org/docs/stack-navigator/

const progress = Animated.add(scene.progress.current, scene.progress.next || 0);

const opacity = progress.interpolate({
  inputRange: [0, 1, 2],
  outputRange: [0, 1, 0],
});

return (
  <Animated.View style={{ opacity }}>{/* Header content */}</Animated.View>
);

来自 react-navigation上面的代码片段的文档应该提供一个线索。