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

Posted 2021-04-28

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

那么，如果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/

提前致谢。

答案

尝试将resizeToAvoidBottomInset添加到Scaffold