小编Aya*_*rma的帖子

我正在尝试在 Jetpack compose 中使用 Tab Row,我增加了指示器高度,现在我的文本隐藏在它后面如何解决?

我正在尝试在 Jetpack compose 中使用 Tab Row,我增加了指示器高度,现在我的文本隐藏在它后面。有没有可以将我的文本放在选项卡指示器或其他任何东西的顶部

这是我的主要活动,我使用 Scaffold 并调用了一个用于创建 TabLayout 的函数

Scaffold(backgroundColor = Color.Black) {
            val tabs = listOf(
                "Option1 ", "Option 2"
            )
            val scope= rememberCoroutineScope()
            val pagerState= rememberPagerState(pageCount = tabs.size)
            ChooseDeliveryPickup(
                pagerState,
                tabs,
                { Log.e("Hello","Yes")},
                scope
            )
        }
Run Code Online (Sandbox Code Playgroud)

这是函数

@ExperimentalPagerApi
@Composable
fun ChooseDeliveryPickup(
    pagerState: PagerState,
    tabs: List<String>,
    onClick: () -> Unit,
    scope: CoroutineScope
) {
    TabRow(
        selectedTabIndex = pagerState.currentPage, backgroundColor = Color(0xFFEAECED),
        modifier = Modifier
            .padding(16.dp)
            .height(40.dp)
            .width(295.dp)
            .clip(RoundedCornerShape(12.dp)),
        indicator = { tabPositions ->
            Box(
                Modifier
                    .tabIndicatorOffset(tabPositions[pagerState.currentPage])
                    .height(139.dp) …
Run Code Online (Sandbox Code Playgroud)

android kotlin android-tablayout android-jetpack-compose

2
推荐指数
1
解决办法
4736
查看次数