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

问题描述 投票:2回答:1

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

那么,如果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个回答
1
投票

尝试将resizeToAvoidBottomInset添加到Scaffold

© www.soinside.com 2019 - 2024. All rights reserved.