The Complete Android 16 Course [Part 2] - Jetpack Compose

Use the @preview annotation to render a live composable preview in Android Studio's preview pane, enabling rapid UI development with automatic updates and customizable device, theme, background, and preview size.

Discover how modifiers in Jetpack Compose control appearance and behavior, update UI with state, and how chaining and ordering affect padding, background, and layout.

Explore how Jetpack Compose layouts use column, row, and box to arrange, stack, and overlay UI elements with modifiers and constraint layouts for responsive interfaces.

Learn how state drives the user interface in Jetpack Compose, a reactive, declarative framework that updates the user interface automatically when state changes via a state object and mutableStateOf.

Experience how recomposition in Jetpack Compose updates only the affected UI when state changes, and use remember to persist the counter across recompositions.

Learn how Jetpack Compose uses mutableStateOf, remember, and by to declare state, how recomposition refreshes the UI on changes, and how remember prevents state from resetting during recomposition.

Apply state hoisting in Jetpack Compose by lifting state to a parent, creating a single source of truth with a ViewModel, and passing state and callbacks to stateless composables.

Learn to create a reusable radio button row in Jetpack Compose, placing text beside the button, applying center alignment and padding, and extending the approach to switches and checkboxes.

Explore columns in Jetpack Compose by swapping the row concepts to vertical alignment and arrangement. Define a column with content and a fill max size modifier, and compare to rows.

Learn to build a bottom app bar in Jetpack Compose, integrate it into a scaffold, and add three icon buttons with toast actions and even spacing using a row.

Learn how to implement and customize a floating action button in Jetpack Compose, including onClick, colors, icons, and scaffold integration, plus displaying a toast on click.

Explore how to add vertical scrolling to a column in Jetpack Compose using a scroll modifier and remember scroll state, enabling scrollable flow of images and introducing lists and cards.

Create a horizontal scrollable row in Jetpack Compose by applying the horizontal scroll modifier to a row, and note it's great for static content but not ideal for dynamic data.

Learn to implement sticky headers in Jetpack Compose lazy lists using lazy column, with item, items, and stickyHeader, while noting the feature is experimental and not supported in lazy row.

Add the navigation component library to your Jetpack Compose app, configure the compose dependency in build.gradle, sync the project, and enable navigation between composables using the navigation infrastructure.

Create a nav host linked to a single nav controller and navigation graph, define routes for composable destinations, set the start destination, and declare first and second screen composables.

Learn to pass a user name between screens in Jetpack Compose by updating routes, defining nav arguments, and retrieving them from the back stack to display a welcome.

Pass multiple arguments between screens in jetpack compose by defining nav arguments, updating routes, and retrieving values from backstack entries; pass name and age from text fields to a screen.