flutter scaffold弹出键盘报异常

最新推荐文章于 2025-11-17 12:05:53 发布

原创最新推荐文章于 2025-11-17 12:05:53 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #界面

flutter 专栏收录该内容

5 篇文章

订阅专栏

本文介绍在Flutter开发中，登录界面软键盘弹出导致输入框被遮挡的问题及解决办法。通过调整resizeToAvoidBottomPadding属性并使用Scrollbar与SingleChildScrollView组合，实现在键盘弹出时自动显示滚动条，确保所有输入框可见。

return Scaffold(
          appBar: new AppBar(centerTitle: true, title: new Text('登录')),
          body: Container(...)
          resizeToAvoidBottomPadding: false,
);

resizeToAvoidBottomPadding：默认值：true 说明：是否调整主体的大小以避免键盘遮挡部分布局

登录界面弹出软键盘会出现以下错误：下方溢出，在设置完resizeToAvoidBottomPadding：false后解决该错误，但出现了新问题，密码输入框被遮挡。

采取新的方式解决，当弹出软键盘时自动给页面添加滚动条

return Scaffold(
          appBar: new AppBar(centerTitle: true, title: new Text('登录')),
          body:
          Scrollbar(
            child: SingleChildScrollView(
            child: Container(...)
            )
          ),
        );