android compose ScrollableTabRow indicator 指示器设置宽度

.requiredWidth(30.dp)

Box(
            modifier = Modifier
                .background(Color.LightGray)
                .fillMaxWidth()
        ) {
            ScrollableTabRow(
                selectedTabIndex = selectedTabIndex, // 默认选中第一个标签
                containerColor = ColorPageBg,
                edgePadding = 1.dp, // 内容与边缘的距离
                indicator = { tabPositions ->
                    TabRowDefaults.SecondaryIndicator(
                        Modifier
                            .tabIndicatorOffset(tabPositions[selectedTabIndex])
                            .requiredWidth(30.dp)
                            .clip(RoundedCornerShape(15.dp))
                    )
                },
                divider = {}
            ) {
                // 生成标签
                for (i in 0..10) {
                    Tab(
                        text = { Text("标签 $i 标签标签标签标签") },
                        selected = i == selectedTabIndex, // 标签是否被选中
                        onClick = {
                            selectedTabIndex = i
                        },
                        selectedContentColor = Color.Blue, // 选中状态下的文字颜色
                        unselectedContentColor = Color.Gray, // 未选中状态下的文字颜色
                    )
                }
            }

        }

原文地址：https://blog.csdn.net/mengshirui_/article/details/142658970

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！