React Navigation: Animated Header in Mobile app

[talesid5]

I've a layout having a Header (React navigation) which is transparent and a ScrollView which contains a banner and other items. What I want to achieve is:

1) To animate the header colour on scroll i.e. opacity decreases. Also note that I need to animate the StatusBar colour along.

2) To interchange the items in Header using their opacities i.e. one item hides and other one shows up. Plus, I want to hide another item in the banner (in ScrollView).

I've almost succeeded with the help of this tutorial, but its not working with Android StatusBar. Also it doesn't have interchanging items in header and not using "React navigation's Header" but using custom Header.

I've posted this query on Stack Overflow as well, which can be found here.

[react-native-bot]

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

👉 Click here if you want to report a reproducible bug or regression in React Native.