0

I've encountered a problem with transitioning between screens in Jetpack Compose. By default when we navigate in Compose it applies CrossFade animation. The problem is that my second screen has totally different color, so i want StatusBar and optionally NavigationBar to be animated the same way the screen does, but I don't know how.

The gif showing the prolem

I've tried to make StatusBar Transparent by doing systemUiController.setSystemBarsColor(Color.Transparent), but the StatusBar just became white, so it didn't work.

Any propositions are welcome :)

Pavel Maiseichyk
  • 3
  • 2

1 Answers1

0

Have you tried to use Edge to Edge configuration? In general It should fix your problem, as It will use your screen colors.

Alex Sepelenco
  • 1
  • 1
  • The screen consists of Scaffold and a Column inside. If you mean Modifier.fillMaxSize(), it doesn't work on neither Scaffold nor the content. If you mean something else, please provide the code ;) – Pavel Maiseichyk May 29 '23 at 13:17
  • Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community May 29 '23 at 14:14