时间戳

首页 > 解决方案 > 隐藏在键盘后面的文本字段

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

问题描述

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

那么，如何确保 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-视口何时拥有焦点/

提前致谢。

标签： dartflutterflutter-layout

解决方案

尝试添加resizeToAvoidBottomInset到Scaffold

推荐阅读