2026.09.03 17:20 ~ 18:00 Otter

Deep dive into new Jetpack Compose APIs: Building adaptive UIs with FlexBox, Grid, Styles, and mediaQuery

Jetpack Compose 日本語 Interpretation available

In diversifying app execution environments, implementing adaptive layouts is an unavoidable challenge. However, combining conventional Row and Column layouts alone often results in verbose code, making maintenance difficult. In this session, we will focus on four newly added APIs in Jetpack Compose—FlexBox, Grid, Styles, and mediaQuery—and explain everything from their design philosophies to practical applications. This session explains the API design and basic usage of these newly added APIs in Jetpack Compose. In addition, using Adaptive JetStream as an example, we will discuss adaptive app development using these APIs. Specifically, through implementation examples from the official sample app "Adaptive JetStream" and comparisons with existing code, we will clarify the following points: * Simplifying layout implementation through API usage * Designing highly reusable components * Decision criteria for "when to choose which API" Going beyond a simple feature introduction, this session presents a "well-structured" approach to UI development required in the adaptive-first era. We hope this session helps engineers who are struggling with how to master the latest APIs and aiming for a more refined implementation. (Translated by the DroidKaigi Committee)

Intended audience

This talk assumes basic knowledge of Kotlin and Jetpack Compose. In particular, those with experience developing apps using Jetpack Compose will enjoy it.

Sessions in the same time slot

View all sessions