如何使选项卡在撰写中可滚动

A. *_*brg 6 tabs android kotlin android-jetpack-compose

我想添加动态选项卡项目。以可滚动的方式,而不是固定的选项卡

我在这里遵循这个例子

但是在我实现相同之后,选项卡仍然固定,我想要的是显示选项卡的白色文本(不是固定大小的选项卡),并且选项卡必须是可滚动的,如下图所示

在此输入图像描述

我尝试使 TabRaw 可滚动,如下所示:

 TabRow(
    selectedTabIndex = pagerState.currentPage,
    backgroundColor = Color.Transparent,
    modifier = Modifier
        .fillMaxWidth()
        .padding(MaterialTheme.spacing._20sdp)
        .horizontalScroll(scrollableState)
        .height(32.dp),
    contentColor = colorResource(id = R.color.primary)
)
Run Code Online (Sandbox Code Playgroud)

但它抛出 IllegalArgumentException,因为我将它包含在 ConstraintLayout 中

A. *_*brg 26

我只使用 ScrollableTabRow 而不是 TabRow

  • ScrollableTabRow 缩小 Tab 的宽度。如何让Tab的宽度适合ScrollableTabRow? (2认同)