在手机中反应导航动画标题

时间:2019-09-05 09:30:59

标签: android ios react-native react-navigation react-animated

我有一个布局,该布局具有一个透明的Header(响应导航)和一个包含横幅和其他项目的ScrollView。我想要实现的是:

FIRST),以便在滚动条上设置标题颜色的动画,即透明度降低。另请注意,我还需要为StatusBar设置动画。

第二次):使用页眉的不透明度来互换标题中的项目,即隐藏一项,然后显示另一项。另外,我想在横幅中隐藏另一个项目(在ScrollView中)

我附上了一些图片以获得预期效果。希望它能帮助您轻松理解我的要求。

enter image description here enter image description here enter image description here enter image description here

a)标头中有一个徽标。 b)开始滚动时,在特定点徽标会消失,搜索栏开始出现在标题中,并从横幅中消失,标题和状态栏的颜色alpha也开始增加。 c)动画完成。 d)最终结果。

this tutorial的帮助下,我几乎成功了。

enter image description here

但是它不适用于Android statusbar。此外,它在标头中没有可互换的项目。它不是使用React导航头,而是自定义头。

0 个答案:

没有答案