In this video, we will create the following UI for our simple note application.
We will learn how to use Jetpack Compose Navigation to navigate between the
Composable screens, we will learn how to add simple animations to compose’s lazy column items, and add swiping behaviour to dismiss them.
We will also learn how to customise the swipe to dismiss behaviours background when the user interacts with it, and we will use material library and icons along the way to improve our overall UI.
To follow along, clone the starting code from Github and open it in Android Studio .Make sure to switch to the branch: 3-improve-ui-start.If you have any questions along the way, make sure to write it in the comment.
Github Repository with both Starting code and the completed state:
https://github.com/superus8r/android-...
(Check out the relevant branch "3-improve-ui-start" for this video)
List of videos in this series:
1 - Simple Note App using Room, Kotlin Flows, Hilt, and Jetpack Compose for Android ( • Part 1 - Create a simple Note App for Andr... )
2 - Test Room Database for Android ( • Part 2 - Create a Simple Note App: Test Ro... )
3 - Simple Note App with Improved UI: More Jetpack Compose! (This Video)