Flutter TextField跟随键盘弹出和收回（类似于今日头条的评论）

王哪跑！！！

于 2021-07-07 14:08:22 发布

阅读量5.4k

点赞数 2

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.youkuaiyun.com/WangQingLei0307/article/details/118545026

版权

Flutter 专栏收录该内容

39 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Flutter中如何实现输入框TextField跟随键盘弹出和收回的效果，类似于今日头条的评论功能。通过设置相关参数并监听键盘状态，实现了输入框随着键盘的显示和隐藏自动调整位置的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在开发过程中，我们会遇到输入框跟随键盘上下移动的效果（例如今日头条，当我们点击评论框时候，评论框会自动跟随键盘上移或收回），在原生开发这个效果很简单，那么Flutter如何实现呢？向上一下效果图

编辑前：

编辑后：

那么这项过如何实现呢？废话不多说直接上代码

Container(
            child: AnimatedPadding(//可以添加一个动画效果
              padding: MediaQuery.of(context).viewInsets, //边距（必要）
              duration: const Duration(milliseconds: 100), //动画时常 （必要）
              child: Container(