Reactjs 反应导航-自定义标题动画

我在React原生应用程序中使用React导航，并为我的路线创建了自定义标题组件

像这样：

const路由器=StackNavigator({
主要内容：{
屏幕：主，
导航选项：（{navigation}）=>({
标题：
})
},
})

使用自定义标题组件时，本机动画不起作用

---

我想知道如何在标题中实现与此处相同的动画

TL:DR找到了在下面的屏幕代码上共享动画.Value/插值的解决方案

这篇帖子嘲弄了我一段时间——我也面临着同样的问题。希望这会到达你，即使是几个月后：D

所以我的第一个问题是，我为自定义标题制作了一个组件，就像在你的例子中一样，我的目标是有一个StackNavigator页面，有一个scrollView，它反过来会操纵标题的颜色

类似的问题，标题和页面之间的信息交换也应该对您有所帮助

Header.js

导出类标题栏扩展组件{
组件willmount（）{
//可能有一点，嗯，但是很管用，所以如果你有如何使代码变得漂亮的技巧，可以随时分享
让valueToManipulate=新的动画值（0）；
this.props.navigation.setParams({
价值操纵，
customkey:valueToManipulate.interpolate({
输入范围：[0150]，
输出范围：['rgba（0,0,0,0'），'rgba（0,0,0,1'），
外推：“夹具”，
})
})
}
呈现（）{
…一段代码。。。
//数据绑定的重要位！
if（！（this.props.navigation.state.params&&this.props.navigation.state.params.customkey））{
返回null；
}
/*除非params上存在该变量，否则我们不会！render*/
…更多的代码。。。
我发布了
react导航可折叠

我希望这会有帮助

确认工作。但记住使用useNativeDriver来提高性能。