隐藏在键盘后面的文本字段答案

【问题标题】：Text Fields hidden behind keyboard隐藏在键盘后面的文本字段
【发布时间】：2019-08-20 12:12:14
【问题描述】：

我正在开发一个登录页面，用户名和密码文本字段位于屏幕中间。问题是当我选择键盘覆盖的密码文本字段时。

那么，当 TextField 具有焦点而不被键盘覆盖时，如何确保它在视口中可见？我希望当我打开键盘时页面向上，当我关闭键盘时页面回到正常位置。

开发代码（TextField 示例）：

TextField(
  decoration: InputDecoration(
    labelText: 'Password',
    labelStyle: TextStyle(
       fontFamily: 'Montserrat',
       fontWeight: FontWeight.bold,
       color: Colors.blue
    )    
  ),
  obscureText: true
),

我在 GitHub 页面看到了这个问题，但没有解决就关闭了：https://github.com/flutter/flutter/issues/19300

我还找到了一些解决方法，但似乎只适用于可滚动页面： https://www.didierboelens.com/2018/04/hint-4-ensure-a-textfield-or-textformfield-is-visible-in-the-viewport-when-has-the-focus/

提前致谢。

【问题讨论】：

你应该添加一个滚动容器

标签： dart flutter flutter-layout

【解决方案1】：

尝试将resizeToAvoidBottomInset 添加到Scaffold

【讨论】：

谢谢！问题与列对齐有关。我定义了一个硬编码的对齐方式，当我添加您的属性建议时，页面返回错误消息：“底部溢出 X 像素”。所以，这让我看到了页面对齐和......问题解决了。我不需要您的属性建议，只需要正确的页面对齐方式。