在ListView中滚动键盘上方的TextFormField

时间:2018-01-02 21:03:30

标签: flutter

我的应用中有以下抽屉:

enter image description here

当我按下密码TextFormField时,我得到以下信息:

enter image description here

如您所见,密码TextFormField已涵盖。我按照建议here

试图解决这个问题
class _LoginDrawer extends State<LoginDrawer> {
  static var _listViewScrollController = new ScrollController();

  @override
  Widget build(BuildContext context) => new Drawer(
    child: new ListView(
      controller: _listViewScrollController,
      children: <Widget>[
        // ...
        new Padding(
          padding: const EdgeInsets.symmetric(horizontal: 16.0),
          child: new GestureDetector(
            onTap: () {
              SchedulerBinding.instance.addPostFrameCallback((_) {
                _listViewScrollController.jumpTo(
                 _listViewScrollController.position.maxScrollExtent);
              });
            },
            child: new TextFormField(
                obscureText: true,
                decoration: new InputDecoration(labelText: "Password")),
          ),
        ),
      ],
    ),
  );
}

但这并没有解决它,该应用程序只是表现与以前相同。还有一些人建议使用反转的ListView,然后使用listViewController.jumpTo(0.0),但这导致了不必要的影响,所有小部件都从底部开始:

enter image description here

3 个答案:

答案 0 :(得分:1)

根据@aziza发布的问题,它涉及到这个github问题:

https://github.com/flutter/flutter/issues/7032

解决方案是使用一个小部件,将元素移出键盘。这是一个颤抖的错误。

答案 1 :(得分:0)

由于sudo update-ca-certificates sudo update-ca-certificates --fresh 很少,并且使用过TextField,因此可以反转ListView并最终像下面这样添加ListView

.reversed.toList()

根据@collinJackson,如果您有更多的文本字段,这将失败。

在此处了解更多信息:https://github.com/flutter/flutter/issues/10826

答案 2 :(得分:0)

使用Scaffold包裹列表视图,并设置resizeToAvoidBottomInset:true,此属性。也许这可以帮助您。