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

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

编辑前:

Flutter TextField跟随键盘弹出和收回(类似于今日头条的评论)_第1张图片

 编辑后:

Flutter TextField跟随键盘弹出和收回(类似于今日头条的评论)_第2张图片

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

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

你可能感兴趣的:(Flutter,flutter)