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

Question

I want to add dynamic tab items. in a scrollable way, not fixed tabs

I followed this examplehere

But after I implement the same, still the tabs fixed, what I want is to show the whote text of the tab (Not fixed size tab), and the tabs must be scrollable like the following image

I tried to make the TabRaw scrollable as the following:

 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)
)

But it throws IllegalArgumentException, Because I'm including it in a ConstraintLayout

Answer 1

I only used ScrollableTabRow instead of TabRow