Skip to content

React Navigation: Animated Header in Mobile app #26358

Description

@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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    API: AnimatedRan CommandsOne of our bots successfully processed a command.Resolution: LockedThis issue was locked by the bot.Type: QuestionIssues that are actually questions and not bug reports.

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions