小编Pio*_*oak的帖子

ScrollableTabRow 指示器宽度以匹配选项卡内的文本

我的问题是我需要一个选项卡指示器来与其上方的文本(来自设计)完全匹配:

恰当的

然而,我所能做的就是得到如下所示的东西:

不当

我的代码:

 ScrollableTabRow(
            selectedTabIndex = selectedSeason,
            backgroundColor = Color.White,
            edgePadding = 0.dp,
            modifier = Modifier
                .padding(vertical = 24.dp)
                .height(40.dp),
            indicator = { tabPositions ->
                TabDefaults.Indicator(
                    color = Color.Red,
                    height = 4.dp,
                    modifier = Modifier
                        .tabIndicatorOffset(tabPositions[selectedSeason])
                )
            }
        ) {
            item.seasonList().forEachIndexed { index, contentItem ->
                Tab(
                    modifier = Modifier.padding(bottom = 10.dp),
                    selected = index == selectedSeason,
                    onClick = { selectedSeason = index }
                )
                {
                    Text(
                        "Season " + contentItem.seasonNumber(),
                        color = Color.Black,
                        style = styles.seasonBarTextStyle(index == selectedSeason)
                    )
                } …
Run Code Online (Sandbox Code Playgroud)

android android-jetpack android-jetpack-compose

8
推荐指数
1
解决办法
6308
查看次数