React Native:Animate缩小标题的标题

Question

目标

我试图创建一个带有动画缩小标题的视图,其中tabview包含带有滚动内容的标签.见图.

建立

我正在使用带有TabNavigator的react-navigation.标题是具有固定高度的组件,当前位于TabNavigator上方.标题一直固定在标签上方占用宝贵的空间.

尝试过的方法

• 我已经尝试过Janic Duplessis博客文章但由于标签我无法让它工作.

• 我也尝试用两个ScrollView/FlatList实现它:一个包裹整个视图,一个包裹内容但我无法得到反应本机传播滚动边缘到达.

所需效果与Google Play商店中的效果相同.

Answer 1

我设法实现了这个Animated.diffClamp- 你可以在这里查看代码.我写了一篇文章,解释的代码更详细这里

*我正在使用UI组件的原生基础包(以简化UI代码),但无论是否有动画插值/定义都相同.