使用Jetpack Compose，我们可以创建一个滚动选项卡栏（ScrollableTabRow），它允许用户在水平方向上滚动浏览选项卡

Jetpack Compose：调整ScrollableTabRow的最小宽度

最新推荐文章于 2025-08-22 15:29:50 发布

UoJava

最新推荐文章于 2025-08-22 15:29:50 发布

阅读量369

点赞数

CC 4.0 BY-SA版权

文章标签： android Android_Jetpack

本文链接：https://blog.youkuaiyun.com/UoJava/article/details/133164466

Android_Jetpack 专栏收录该内容

81 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍了如何在Android的Jetpack Compose中创建一个可滚动的选项卡栏ScrollableTabRow，并详细展示了如何通过设置修饰符调整每个选项卡的最小宽度，以实现水平方向上的用户浏览体验。

使用Jetpack Compose，我们可以创建一个滚动选项卡栏（ScrollableTabRow），它允许用户在水平方向上滚动浏览选项卡。在这篇文章中，我将向您展示如何调整ScrollableTabRow的最小宽度。

首先，让我们创建一个基本的ScrollableTabRow。以下是一个简单的示例代码：

@Composable
fun ScrollableTabRowExample() {
   
   
    val tabItems = listOf("Tab 1",

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

UoJava

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Compose Wheel组件。滚轮组件

丿灬安之若死

12-22

788

左边布局对其进行封装。其实核心代码在这个。

Jetpack Compose中的选项卡设计

最新发布

2501_90323865的博客

11-03

本文介绍了使用Jetpack Compose实现选项卡界面的方法。初始方案存在布局不统一和下划线显示问题，改进后通过AnimatedVisibility实现流畅动画效果，利用horizontalScroll和IntrinsicSize.Max优化布局，确保在不同设备上显示一致。最终实现了一个美观、功能完善的选项卡组件，展示了Compose在UI设计中的灵活性和强大功能。

参与评论您还未登录，请先登录后发表或查看评论

Android Compose实现数字选择器

wbl9904的博客

11-13

1430

好久没有写博客了，现在来写一篇关于compose的实现数字滚动选择器吧，这是因为我公司项目里面的一个组件有用到类似的功能，在刚开始的时候我也去网上查找借鉴了很多的大佬写的实现类似的功能，后面我根据大佬写的去研究了一下重新改了一下比较适合我的一个写法，也认为会比较通用的一个方法，话不多说先上成品给大家看看。写到现在感觉自己写的很粗糙，但还有很多不足之处，这篇文章也是根据前人的基础来进行完成的。如果文章阅读当中有不同的想法欢迎提出来，让我们一起进步。

Jetpack Compose - TabRow、ScrollableTabRow

乐翁龙

01-13

6850

Jetpack Compose - TabRow、ScrollableTabRow0、介绍0.1、TabRow0.2、ScrollableTabRow0.3、Tab1、属性一览1.1、TabRow：1.2、ScrollableTabRow1.3、Tab2、使用示例2.1、TabRow3、版本更新4、未解决问题 Compose系列文章，请点原文阅读。原文，是时候学习Compose了！ 0、介绍 0.1、TabRow TabRow包含一行Tab，并在当前选定的Tab下方显示一个指示器。 TabRow将其T

Compose 文字滚动动画

丿灬安之若死

08-13

825

为true得时候不会超出边界。为false则可以超出。

android Compose中ScrollableTabRow的使用

ymeddmn的博客

11-07

1769

概述 ScrollableTabRow就相当于以前开发中使用的TabLayout。属性介绍 selectedTabIndex 当前选择的item的索引 backgroundColor背景颜色 indicator导航条的样式 divider 分割线属性 Tab用于实现单条的item 简单实现代码 @Composable fun Greeting() { val tabs = mutableListOf<String>( "安安安安卓", "鸿阳",

Android Compose——ScrollableTabRow和LazyColumn同步滑动

FranzLiszt的博客

01-06

1490

我们需要一种方法来反映一个状态与另一个状态的状态，这意味着无论当前所选索引的值是多少，它都应该反映列表状态中的正确位置，反之亦然，无论列表状态的当前位置是什么，它都反映正确的索引。

Jetpack Compose 中的主题设置/自定义主题详解(页面案例,包括顶部状态栏/应用栏）

奋斗的菇凉的博客

08-22

829

Color.kt文件是一个典型的 Jetpack Compose 颜色定义文件，用于管理应用程序中的颜色，这个文件的主要目的是集中管理应用的颜色资源。浅色主题 (Light Theme)的颜色：通常以较高的数值（如40）后缀命名，这些颜色通常用于浅色主题。在浅色背景上，文本和重要元素需要更深、更饱和的颜色来保证对比度，所以Purple40是一种深紫色。。深色主题 (Dark Theme)的颜色：通常以较低的数值（如 80）后缀命名，这些颜色通常用于深色主题。在深色背景上。

Jetpack Compose

猿猿袁

12-02

3266

Jetpack Compose：声明式UI框架 (Composition over inheritance) 组合优于继承 1. 什么是Compose，有什么优势？ Jetpack Compose 是一个现代工具包，旨在简化UI开发。它结合了反应式编程模型和Kotlin编程语言的简洁性和易用性。它是完全声明性的，Compose的口号就是消灭xml，在撸过代码之后总结总体上UI的结构和Flutte...

Jetpack Compose 自定义好看的TabRow Indicator

jiulang9的博客

09-01

1767

Jetpack Compose提供了强大的 Material Design组件,但是默认的TabRow样式可能无法满足所有场景,所以我们有时需要自定义 TabRow 的样式

Android Jetpack Compose之TabRow的使用

江小白的博客

06-27

2792

Android Jetpack Compose是一个现代化的UI工具包，它让开发者可以以声明式的方式来构建出美观且功能强大的Android应用。是Jetpack Compose中的一个组件，主要用于实现顶部导航栏的功能。它可以帮助我们创建一行的选项卡，用户可以通过点击不同的选项卡来切换到不同的视图或页面。来创建一个可观察的状态，其初始值为0，代表选中第一个选项卡。在上述代码中，我们首先创建了一个包含三个选项卡标题的列表，并使用。是一个非常有用的组件，它提供了方便的方式来创建和自定义选项卡行。

android compose ScrollableTabRow indicator 指示器设置宽度

mengshirui_的博客

09-30

1002

【代码】android compose ScrollableTabRow indicator 设置宽度。

31. Compose 滚动轮播

u010436867的博客

06-16

735

仿购物商城滚动轮播购买实时详情

Jetpack Compose：如何自定义漂亮的TabRow指示器

UoJava的博客

09-20

570

在默认情况下，TabRow具有简单的指示器样式，但我们可以通过自定义来创建更漂亮的TabRow指示器。在上面的代码中，我们定义了一个名为CustomTabScreen的组件，用于显示包含自定义指示器的TabRow。它接受三个参数：selectedTabIndex表示当前选中的选项卡索引，tabPositions表示选项卡的位置信息，indicatorColor表示指示器的颜色。首先，我们需要为TabRow指示器创建一个自定义组件。接下来，我们可以在使用TabRow时替换默认的指示器为我们的自定义指示器。

Kotlin Jetpack Compose - 实现Tab布局

江小白的博客

06-25

2933

Tab布局是一种常见的UI设计，它允许用户在不同的视图或数据集之间切换。通过Jetpack Compose，我们可以方便地创建出美观的，响应式的Tab布局。如果你有很多的Tab，你可能希望它们可以滚动，而不是全部挤在一起。这使得当Tab太多无法全部显示在屏幕上时，用户可以滚动Tab列表来查看和选择更多的Tab。在Jetpack Compose中，我们可以创建自定义的Tab组件，以适应不同的需求和设计。创建一个可记忆的状态来跟踪当前选中的Tab。在这个例子中，我们创建了一个包含三个Tab的。

Compose的滚动布局(五)

Mr_Tony的专栏

07-15

7748

文章目录一、前言二、参考示例三、ScrollState四、滚动嵌套五、使用nestedScroll 修饰符六、参考链接一、前言首先在Compose中是没有滚动布局的，只有滚动修饰符verticalScroll和horizontalScroll。通过使用这两个修饰符来修饰布局时候，可以使布局进行滚动二、参考示例以下是一个垂直列表滚动的例子 @Composable fun ScrollBoxes() { Column( modifier = Modifier

Android JetPack Compose初步2~实现可滚动列表的功能

userhu2012的博客

07-28

389

Android JetPack Compose实现可滚动列表的界面

Jetpack Compose TabRow指示器修改

PromiseTo的专栏

05-25

2303

Jetpack compose TabRow指示器的长度修改

官方支持Compose轮播图组件啦～

黄林晴

07-29

1760

2024年了，还有人不会Compose吗？