当使用 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