在Android Material compose ScrollTabView中，阴影出现在onSelected Ind

Question

我试图使用ScrollableTabRow与标签在"材质合成"中，但是在未选择的选项卡下面出现了一个阴影。如何去除这个…?

附上预览截图和代码供参考。

预览截图

@Composable
fun ScrollableTabView(currentSelectedTabIndex: Int, titles: List<String>, onClick: (Int) -> Unit) {
ScrollableTabRow(
selectedTabIndex = currentSelectedTabIndex,
backgroundColor = MyColors.TabColor,
contentColor = MaterialTheme.colors.primary,
edgePadding = 0.dp
) {
titles.forEachIndexed { index, title ->
Tab(text = {
Text(
title,
style = MyTypography.tabStyle,
fontWeight = if (currentSelectedTabIndex == index) FontWeight.Bold else FontWeight.Normal
)
},
selected = currentSelectedTabIndex == index,
selectedContentColor = MaterialTheme.colors.primary,
unselectedContentColor = MyColors.lightText,
onClick = {
onClick(index)
})
}
}
}

@Preview
@Composable
fun ScrollableTabView() {
MaterialTheme {
ScrollableTabView(currentSelectedTabIndex = 0, titles = listOf("Tab 1","Tab 2","Tab 3")) {}
}
}

Material Compose version:1.3.1(最新)

Answer 1

设置ScrollableTabRow的分隔参数为divider={}。默认为

divider: @Composable @UiComposable () ->单位=@Composable {TabRowDefaults.Divider ()},