In this episode, we are working on making the signup screen look nice and polished. We introduce some animation which seems to be quite easy with Jetpack Compose. We made a nice improvement by decoupling the screen state from the actual composable into a standalone class.
Blog: https://jovmit.io
Twitter: / jovchem
Timeline:
00:00 Agenda
00:30 Cleanup from the previous episode
08:50 Begin the signup screen cleanup
12:30 Temporal helpful setup
14:28 Improve InfoMessage appearance
19:06 Render InfoMessage over the other UI
24:22 Animate the InfoMessage appearance
27:53 Mechanism to auto-hide the InfoMessage
31:28 Problem revealed
33:15 Recomposition explained
34:52 Nicer appear animation
36:28 Prevent recomposition loop
39:25 Nicer hide animation
42:35 Resetting state
49:50 Extract the screen state outside the composable
57:35 Wrap up