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

Flutter中Container宽度无法适配屏幕问题求助

Flutter Container无法适配屏幕宽度问题求助

在Flutter开发中遇到Container无法适配屏幕宽度的问题,尝试设置width: MediaQuery.of(context).size.width,仍未解决。容器超出范围,右侧圆角边框被遮挡,横竖屏状态截图如下:

横屏状态截图

竖屏状态截图

以下是我的Container代码:

Container(
  padding: const EdgeInsets.symmetric(
    vertical: 6,
    horizontal: 12.0,
  ),
  height: 150, 
  width: MediaQuery.of(context).size.width,
  decoration: const BoxDecoration(
    color: white,
    borderRadius: BorderRadius.all(
      Radius.circular(
        16.0,
      ),
    ),
  ),
  child: Center(
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: [
        Text(
          "Sejarah",
          style: GoogleFonts.montserrat(
            color: black,
            fontSize: 16,
            letterSpacing: 1,
            fontWeight: FontWeight.w500,
          ),
        ),
      ],
    ),
  ),
),

恳请各位提供帮助,谢谢!

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.20 17:22:04