Question

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

那么，如何确保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/

谢谢。

Answer 1

尝试将resizeToAvoidBottomInset添加到Scaffold

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

1 个答案: