Blog - Page 5

An abstract dark phone form above a glowing teal keyboard plane with a highlighted action key.

IME Actions and Software Keyboard Handling in Compose

Configure IME actions, move through Compose forms, handle Done and Search correctly, and keep content clear of the software keyboard.

An abstract dark phone form with glowing teal focus rings moving through stacked input fields.

Focus Management and Keyboard Navigation in Compose Forms

Build logical keyboard focus in Jetpack Compose forms with FocusRequester, focus groups, traversal rules, visual cues, and practical tests.

Three abstract selection controls on a dark panel: a square, a circle, and a pill-shaped toggle with teal highlights.

Checkbox, RadioButton, and Switch in Jetpack Compose

Choose and implement Compose checkboxes, radio buttons, and switches with lifted state, whole-row interaction, tri-state selection, and accessible semantics.

A dark abstract calendar panel beside a circular time dial, with violet, teal, and small coral accents.

DatePicker and TimePicker in Material 3 Compose

Implement Material 3 date and time pickers in Jetpack Compose with explicit confirmation, date ranges, input mode, time zones, and experimental API awareness.

A dark abstract interface card with a teal search field connected to a layered violet suggestion menu.

DropdownMenu and Autocomplete Patterns in Jetpack Compose

Build Material 3 dropdown menus and autocomplete fields in Jetpack Compose with correct anchors, lifted state, dismissal, accessibility semantics, and scalable search patterns.

Violet state blocks flowing through a teal path into an abstract Compose screen on a dark navy background.

Declarative UI in Jetpack Compose Explained

Understand declarative UI in Jetpack Compose: describe UI from state, pass events upward, and let Compose update only what changes.

A violet vertical list pulled downward along a teal arc toward a coral refresh indicator on a dark navy background.

Pull to Refresh in Jetpack Compose with Material 3

Add accessible pull-to-refresh to a Jetpack Compose LazyColumn with Material 3 PullToRefreshBox, state ownership, custom indicators, and retry-friendly behavior.

A violet vertical list with a fixed teal section header and a small coral footer on a dark navy background.

Sticky Headers, Headers, and Footers in Compose Lazy Lists

Build grouped LazyColumn content with sticky headers, regular headers, and footers in Jetpack Compose, with stable keys, state ownership, and practical accessibility guidance.

An abstract dark control panel with a teal slider thumb, two range handles, and a glowing circular progress ring.

Slider, RangeSlider, and Progress Indicators in Compose

Use Material 3 sliders and progress indicators in Jetpack Compose with explicit state, discrete steps, range filtering, accessible labels, and correct loading feedback.