Blog - Page 8

A dark technical illustration of a UI card wrapped in colored layers to represent an ordered Jetpack Compose Modifier chain.

Jetpack Compose Modifier: A Practical Guide

Learn how Jetpack Compose Modifier chains work, why order matters, how to design reusable components, and when to use scoped or reusable modifiers.

A Jetpack Compose LazyColumn showing a vertically scrolling article list with stable item keys, a sticky category header, and a scroll-to-top button.

Jetpack Compose LazyColumn: A Practical Guide to Fast, Stateful Lists

Learn how to build efficient Jetpack Compose LazyColumn lists with stable keys, scroll state, sticky headers, mixed content, and practical performance guidance.

A dark technical diagram showing a Compose BOM coordinating Compose UI, Material 3, preview, and test dependencies for an Android app.

Jetpack Compose BOM: Set Up Dependencies the Right Way

Set up Jetpack Compose with the Compose BOM, Kotlin 2.x compiler plugin, previews, and UI tests using Gradle Kotlin DSL and version catalogs.

A dark technical illustration of an Android layout with expanding width, centered content, proportional weighted columns, and a fixed square inside a constraint frame.

fillMaxWidth, wrapContentSize, weight, and size in Jetpack Compose

Learn how fillMaxWidth, wrapContentSize, weight, and size respond to parent constraints in Jetpack Compose with practical layout examples.

A dark technical illustration of an Android screen receiving a UI tree, geometric layout grid, and glowing drawing layer to represent the three Compose UI phases.

Jetpack Compose UI Phases: Composition, Layout, and Drawing

Understand Jetpack Compose composition, layout, and drawing phases, how state reads restart work, and how to diagnose real UI performance problems.

A dark technical illustration of small Kotlin-inspired UI blocks combining into a mobile screen, with state flowing into the blocks.

@Composable Functions: How They Work in Jetpack Compose

Learn how @Composable functions describe Jetpack Compose UI, receive state and events, recompose safely, and become reusable Android components.

A dark technical illustration of an Android layout showing evenly spaced horizontal cards, centered vertical cards, and an overlaid corner-aligned element.

Arrangement and Alignment in Jetpack Compose

Learn how Arrangement and Alignment position children in Row, Column, and Box, with practical Compose examples for spacing, centering, and overlays.

A central violet transition hub sends synchronized teal paths to a warm off-white card, a circular shape, and a small coral accent.

updateTransition: Animate Multiple Values Together

Coordinate color, size, shape, and other state-driven values in Jetpack Compose with updateTransition and state-pair-specific animation specs.

A teal interactive control sits on a warm off-white platform with a violet focus path and a small coral touch target highlight on a deep navy background.

Touch Targets, Focus Order, and TalkBack Support

Make Jetpack Compose controls easier to tap and navigate with 48dp touch targets, logical TalkBack traversal, focused exceptions, and practical assistive-technology testing.