Blog - Page 4

Violet resource tiles for text, color, and images arranged on a teal frame against a dark navy background.

How to Use Strings, Colors, and Drawables in Jetpack Compose

Load Android string, color, and drawable resources correctly in Jetpack Compose while keeping UI accessible, localizable, and theme-aware.

A dark abstract horizontal carousel with violet cards moving along a teal track and one coral highlighted item.

LazyRow in Jetpack Compose: Horizontal Lists Done Right

Build efficient, accessible horizontal lists with LazyRow in Jetpack Compose using stable keys, spacing, content padding, state ownership, and nested-scroll guidance.

A stylized phone form with three input rows, teal confirmation marks, and one coral error mark.

Form Validation in Jetpack Compose

Validate Jetpack Compose forms with immutable UI state, useful error timing, accessible messages, and tests for field and submit validation.

Two abstract Compose input modules connected to a central glowing state node, showing two different text input state flows.

TextFieldState vs Value-Based TextField in Compose

Compare TextFieldState and value-based TextField in Jetpack Compose, understand selection and transformations, and choose a migration path for your form architecture.

A violet vertical list moving along a teal scroll track with a coral button returning to the top.

rememberLazyListState: Observe and Control Scroll Position

Use rememberLazyListState in Jetpack Compose to react to LazyColumn scrolling, show a back-to-top action, send scroll events efficiently, and animate to an item.

Loading, Empty, Error, and Retry States in Compose Lists

Build clear loading, empty, error, and retry states around Jetpack Compose lists and Paging 3 without mixing UI state with list content.

Violet Kotlin-inspired building blocks connected by teal paths in an abstract Compose layout.

Kotlin Concepts Every Jetpack Compose Developer Needs

The practical Kotlin concepts behind clear Jetpack Compose code: immutability, data classes, lambdas, sealed UI state, delegation, and coroutines.

An abstract violet grid of cards arranged in responsive columns on a teal frame, with one coral highlighted card.

LazyVerticalGrid in Jetpack Compose: Adaptive Grids That Scale

Build responsive, efficient grids with LazyVerticalGrid in Jetpack Compose, including adaptive columns, stable keys, full-width spans, and practical performance guidance.

Violet list cards moving along teal identity tracks with one coral highlighted card on a dark navy background.

Lazy List Keys: Preserve Item State and Animations

Use stable keys in Jetpack Compose lazy lists to preserve item identity, remembered state, scroll position, and item animations when data changes.