Flutter登录页输入文本时底部RenderFlex溢出104像素问题求助

老哥，我看你这问题是键盘弹出后页面底部出现A RenderFlex overflowed by 104 pixels on the bottom的溢出错误对吧？我之前做登录页的时候也踩过这个坑，给你几个亲测有效的解决思路：

1. 用SingleChildScrollView包裹整个页面内容 #

这是最常用的解决方法，你的页面布局用了Column，它本身不支持滚动，当键盘弹出占用屏幕下半部分空间后，原本的内容高度超过剩余可用空间就会溢出。把整个Column放在SingleChildScrollView里，就能让页面滚动起来，自动适配键盘弹出后的空间。

修改后的核心代码片段：

Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.white,
    // 把原来的Center换成SingleChildScrollView
    body: SingleChildScrollView(
      child: Container(
        decoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topRight,
            end: Alignment.bottomLeft,
            colors: [Colors.blue, Colors.teal])),
        child: Column(
          children: <Widget>[
            Padding(
              padding: const EdgeInsets.only(top: 70.0, bottom: 0.0),
              child: Image.asset(
                'asset/img/téléchargement.jpg',
                height: 100,
                width: 100,
              ),
            ),
            Card(
              shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(15)),
              margin: EdgeInsets.fromLTRB(35, 3, 35, 60),
              elevation: 4.0,
              color: Colors.white,
              // 给Card内部加一层padding，让输入框和Card边缘有间距，避免内容挤在一起
              child: Padding(
                padding: EdgeInsets.all(16.0),
                child: ListView(
                  shrinkWrap: true,
                  // 因为外层已经有SingleChildScrollView了，这里禁用ListView的滚动，避免滚动冲突
                  physics: NeverScrollableScrollPhysics(),
                  children: <Widget>[
                    // 你的输入框、按钮等内容
                  ],
                ),
              ),
            ),
          ],
        ),
      ),
    ),
  );
}

2. 检查并调整Scaffold的resizeToAvoidBottomInset属性 #

这个属性默认是true，会让Scaffold的body自动调整大小来避开键盘，但有时候如果布局层级嵌套太复杂，可能会失效。你可以显式设置这个属性，确保它生效：

Scaffold(
  resizeToAvoidBottomInset: true, // 显式开启，默认就是true，但有时候需要手动指定
  backgroundColor: Colors.white,
  // ... 其他代码
)

如果你的页面不需要body调整大小（比如已经用了滚动组件），也可以设为false，但更推荐结合SingleChildScrollView一起用。

3. 优化Card的margin和内部布局 #

你提到加padding没用，可能是Card的margin: EdgeInsets.fromLTRB(35, 3, 35, 60)里的bottom margin设得太大了，键盘弹出后这60的间距会占用本来就紧张的空间。可以尝试减小这个bottom值，或者把Card的margin换成动态适配的方式（比如用MediaQuery获取屏幕高度来计算）。

另外，给Card内部的ListView加上合适的padding，能让输入框和Card边缘保持距离，避免内容过于紧凑导致溢出。

内容的提问来源于stack exchange，提问作者Ramses Kouam