小编MNi*_*sen的帖子

当内容伴奏 webview 时,Jetpack Compose TabRow 闪烁

当使用 webview 作为内容的 compose tabBar 实现时,我遇到闪烁或重叠。如果我用另一个视图(例如 Box{Text})更改网络视图,则不会发生这种情况。

似乎 web 视图在短时间内填充的内容超过了边框(请参见下面的 .gif)

在此输入图像描述

更新:我一直在研究这是否是一个重组问题(因此是简单的测试项目),并且我无法确定它应该重组选项卡栏的任何原因。当我向选项卡栏添加高度时,我可以看到文本始终位于选项卡栏中。

可以在此处获取测试项目: https: //github.com/msuhl/ComposeTabTest,它是一个非常标准的实现

@Composable
private fun MyTabRow(
    pagerState: PagerState,
    coroutineScope: CoroutineScope,
) {
    TabRow(
        selectedTabIndex = pagerState.currentPage,
        indicator = { tabPositions ->
            TabRowDefaults.Indicator(
                Modifier.pagerTabIndicatorOffset(pagerState, tabPositions),
                color = MaterialTheme.colors.secondary
            )
        },
        ) {
        tabRowItems.forEachIndexed { index, item ->
            Tab(
                selected = pagerState.currentPage == index,
                onClick = { coroutineScope.launch { pagerState.animateScrollToPage(index) } },
                icon = {
                    Icon(imageVector = item.icon, contentDescription = "")
                },
                text = {
                    Text(
                        text = …
Run Code Online (Sandbox Code Playgroud)

android-tabs android-jetpack-compose jetpack-compose-accompanist

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