# Building a Responsive Tab Row in Jetpack Compose

DevFeed: [Building a Responsive Tab Row in Jetpack Compose](<https://devfeed.tech/articles/building-a-responsive-tab-row-in-jetpack-compose-25183.md>)

Original publisher: [Read original article](<https://joebirch.co/android/building-a-responsive-tab-row-in-jetpack-compose/>)

Author: hitherejoe

Published: 2026-01-16T14:46:14Z

Content type: tutorial

Language: en

Sources: [Joe Birch](<https://devfeed.tech/sources/joe-birch.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [ui](<https://devfeed.tech/topics/ui.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [layout](<https://devfeed.tech/tags/layout.md>), [ui](<https://devfeed.tech/tags/ui.md>)

## AI overview

This tutorial explains how to build a ResponsiveTabRow in Jetpack Compose. It uses SubcomposeLayout to measure tab content and choose between TabRow and ScrollableTabRow based on whether the tabs fit without cramped or truncated labels.

## Source excerpt

When working with tabs in Jetpack Compose, we have two options available to us out of the box - the TabRow and the ScrollableTabRow. The TabRow provides us with a fixed-width row where each tab where the available width is split equally between each of the tabs, while the ScrollableTabRow provides a horizontally scrollable row... Continue reading ->