You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Compose中Popup底部无法适配屏幕问题求助

Compose中ModalBottomSheet关联Popup组件的横竖屏布局异常问题

我在使用ModalBottomSheet时发现一个奇怪的布局异常,问题根源似乎出在Popup组件上。

横竖屏模式展示

  • 横屏模式截图:
    横屏模式下的布局异常
  • 竖屏模式截图:
    竖屏模式下的布局状态

问题复现代码

MaterialTheme {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.White),
    ) {
        Text(
            "TopEnd",
            fontSize = 32.sp,
            modifier = Modifier.align(Alignment.TopEnd)
        )
        Text(
            "BottomEnd",
            fontSize = 32.sp,
            modifier = Modifier.align(Alignment.BottomEnd)
        )
    }

    Popup {
        Box(
            modifier = Modifier
                .fillMaxSize()
                .background(
                    Color.Blue.copy(
                        alpha = 0.2F
                    )
                ),
        ) {
            Text(
                "PopupTopStart",
                fontSize = 32.sp,
                modifier = Modifier.align(Alignment.TopStart)
            )
            Text(
                "PopupBottomStart",
                fontSize = 32.sp,
                modifier = Modifier.align(Alignment.BottomStart)
            )
        }
    }
}

内容的提问来源于stack exchange,提问作者Compose

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 21:23:15