基本上我有一个登录页面，我首先将其分成 2 个容器，其中一个覆盖 55% 和 45% 的屏幕。然后在这 2 个容器之上我又添加了一个占屏幕大小前 40% 的容器，在其中我还有一个容器用于保存我的用户名和密码文本字段。所以在设计方面我没问题。

现在问题是当键盘出现时密码字段完全不可见。首先，我只有堆栈，然后我搜索了谷歌，有人建议放置脚手架并添加此行 resizeToAvoidBottomPadding: false，但似乎对我也不起作用。

Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomPadding: false,
      body: Container(
        child: Stack(

      children: <Widget>[

        // The containers in the background
        new Column(
          children: <Widget>[
            new Container(
              height: MediaQuery.of(context).size.height * .55,
             //color: Colors.blue,
              decoration: new BoxDecoration(
               image: new DecorationImage(image: new AssetImage("lib/assets/cbg.png"), fit: BoxFit.cover,),
             ),
            ),
            new Container(
              height: MediaQuery.of(context).size.height * .45,
              color: Colors.white,
            )
          ],
        ),
        // The card widget with top padding, 
        // incase if you wanted bottom padding to work, 
        // set the `alignment` of container to Alignment.bottomCenter
        new Container(
          alignment: Alignment.topCenter,
          padding: new EdgeInsets.only(
              top: MediaQuery.of(context).size.height * .40,
              right: 20.0,
              left: 20.0),
          child: new Container(

            height: MediaQuery.of(context).size.height * .45,
            width: MediaQuery.of(context).size.width,
            child: new Card(
              color: Colors.white,
              elevation: 4.0,
              child: Padding(
              padding: EdgeInsets.symmetric(horizontal: 40.0),

              child: Column(
                children: <Widget>[
                SizedBox(height: MediaQuery.of(context).size.height * .05),
new TextFormField(
                      decoration: new InputDecoration(
                        labelText: "Enter Email",
                        fillColor: Colors.white,
                        border: new OutlineInputBorder(
                          borderRadius: new BorderRadius.circular(10.0),
                          borderSide: new BorderSide(
                            color: Colors.blue
                          ),
                        ),
                        //fillColor: Colors.green
                      ),
                      validator: (val) {
                        if(val.length==0) {
                          return "Email cannot be empty";
                        }else{
                          return null;
                        }
                      },
                      keyboardType: TextInputType.emailAddress,
                      style: new TextStyle(
                        fontFamily: "Poppins",
                      ),
                    ),
SizedBox(height: MediaQuery.of(context).size.height * .05),
new TextFormField(
                      decoration: new InputDecoration(
                        labelText: "Enter Password",
                        fillColor: Colors.white,
                        border: new OutlineInputBorder(
                          borderRadius: new BorderRadius.circular(10.0),
                          borderSide: new BorderSide(
                          ),
                        ),
                        //fillColor: Colors.green
                      ),
                      validator: (val) {
                        if(val.length==0) {
                          return "Password cannot be empty";
                        }else{
                          return null;
                        }
                      },
                      keyboardType: TextInputType.emailAddress,
                      style: new TextStyle(
                        fontFamily: "Poppins",
                      ),
                    ),
                ],
              ),
              )
            ),
          ),
        ),

        new Container(
          alignment: Alignment.topCenter,
          padding: new EdgeInsets.only(
              top: MediaQuery.of(context).size.height * .80,
              right: 50.0,
              left: 50.0),
          child: new FlatButton(
            color: Colors.red,
            child: Text("Press Me"),
            onPressed: () {},
          ),
        ),

        new Container(
          alignment: Alignment.topCenter,
          padding: new EdgeInsets.only(
              top: MediaQuery.of(context).size.height * .90,
              right: 50.0,
              left: 50.0),
          child: new FlatButton(
            color: Colors.red,
            child: Text("Forgot Password ?"),
            onPressed: () {},
          ),
        )   






      ],
    )
      )
    );
  }
}

更改后，键盘仍然会稍微覆盖文本字段。

我能不能实现一些

最佳答案

你应该把所有这些都放在一个 ListView 中，然后当你打开键盘时，列表会向上滚动。

关于dart - 使用 resizeToAvoidBottomPadding 无法解决 Flutter 键盘重叠问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55656574/