Blog - Page 6

Violet cards arriving in small groups along a teal path into a vertical list, with one coral loading card.

Paging 3 with Jetpack Compose: A Practical LazyColumn Setup

Display large and remote datasets with Paging 3 and Jetpack Compose, including collectAsLazyPagingItems, stable keys, placeholders, and load states.

Violet cards of different heights flowing through a teal two-column masonry grid, with one coral card highlighted.

Lazy Staggered Grid in Jetpack Compose: Build Masonry Layouts

Learn when to use LazyVerticalStaggeredGrid in Jetpack Compose, including adaptive lanes, stable keys, full-line content, spacing, and accessible image tiles.

An abstract dark interaction panel with a teal draggable handle, violet motion path, and a small coral gesture target.

Click, Long Press, Drag, Swipe, and Gesture Detection in Compose

Choose and implement Jetpack Compose click, long-press, drag, swipe, and custom pointer gestures with the right abstraction, semantics, state ownership, and testing strategy.

Three distinct violet card shapes flowing through separate teal lanes in an abstract mixed Compose list.

contentType in LazyColumn: Mixed List Performance

Learn how contentType helps Jetpack Compose reuse compatible item compositions in mixed LazyColumn feeds, when to use it, and how it differs from stable keys.

A stylized phone with a purple top app bar, navigation and action icons, and a second app-bar layer moving over scrolling content.

TopAppBar in Jetpack Compose: Setup, Scroll Behavior, and Actions

Build a Material 3 TopAppBar in Jetpack Compose, choose the right app-bar size, connect scroll behavior to Scaffold, and keep actions accessible.

A stylized phone showing a filled input field, an outlined input field, a teal cursor accent, and a coral validation accent.

TextField in Jetpack Compose: State, Styling, and Practical Examples

Build useful Material 3 TextField and OutlinedTextField components in Jetpack Compose with hoisted state, validation, keyboard actions, styling, and tests.

Jetpack Compose Buttons: Types, States, and Best Practices

Choose the right Material 3 button in Jetpack Compose, model enabled and loading states, and keep actions accessible, testable, and theme-aware.

Light and dark Android app interfaces with colorful wallpaper-inspired palettes, illustrating dynamic color in Jetpack Compose.

Dynamic Color and Dark Theme in Jetpack Compose

Use dynamic color and dark theme safely in Jetpack Compose, with Android 12 fallbacks, product decision criteria, previews, and testing guidance.

A centered Compose-style phone interface showing grouped cards, surfaces, and list rows in a dark navy and violet 3D scene.

Cards, Surface, and ListItem in Jetpack Compose

Choose between Material 3 Card, Surface, and ListItem in Jetpack Compose with practical patterns for feeds, settings, elevation, and accessibility.