You need to enable JavaScript to run this app. Flutter开启resizeToAvoidBottomPadding后键盘上方出现黑色多余空白
优惠活动
大模型
产品
解决方案
定价
更多

Flutter开启resizeToAvoidBottomPadding后键盘上方出现黑色多余空白

异常现象说明
  • 页面集成TextField组件时,已将Scaffold的resizeToAvoidBottomPadding属性设置为true
  • 实际测试表现:键盘弹出时,键盘与页面内容之间会出现一段空隙,空隙颜色与Scaffold的背景色一致,属于Scaffold的渲染范围,并非body区域的内容
  • 该异常仅在三星Note10设备上复现,其他设备未出现同类问题
最小可复现代码
Scaffold(
  resizeToAvoidBottomPadding: true,
  body: Container(
    width: MediaQuery.of(context).size.width,
    height: MediaQuery.of(context).size.height,
    color: Colors.white,
    child: TextField()
  ),
);
页面状态对比
  • TextField未聚焦、键盘未弹出的正常状态
    TextField聚焦前的页面状态
  • TextField聚焦、键盘弹出后的异常状态
    TextField聚焦弹出键盘后的异常状态

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.11.04 15:45:06