Flutter ：启用文本字段时，背景图像向上移动。 "resizeToAvoidBottomInset" 禁用滚动。我哪里错了？

Question

我的登录屏幕有背景图片。当用户点击文本字段时，容器必须向上移动，这样 textfields/button 就不会隐藏在键盘下方。

下面是我的代码，它运行良好。但是，当启用文本字段时，背景图像会向上移动。

    class _SignInState extends State<SignIn> {
      TextEditingController usernameController = TextEditingController();
      TextEditingController passwordController = TextEditingController();

      @override
      Widget build(BuildContext context) {
        return Scaffold(
          //resizeToAvoidBottomInset: false,
          body: Container(
            width: MediaQuery.of(context).size.width,
            height: MediaQuery.of(context).size.height,

            decoration: BoxDecoration(
              image: DecorationImage(
                image: AssetImage('assets/images/bg.png'),
                fit: BoxFit.cover,
            )),

            child: SingleChildScrollView(
              padding: EdgeInsets.all(20),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch, 
                children: <Widget>[

                  --- added username & password textfield ---
                  --- added submit and forgot password buttons ----

为了避免这种情况，我添加了：

    resizeToAvoidBottomInset: false,

作为 "Scaffold" 的属性。现在滚动停止工作。

我哪里错了？

Answer 1

用容器包裹脚手架，添加Boxdecoration（可以添加背景图片），脚手架背景色透明

    class _SignInState extends State<SignIn> {
     TextEditingController usernameController = TextEditingController();
     TextEditingController passwordController = TextEditingController();

     @override
     Widget build(BuildContext context) {
      return Container(
       width: MediaQuery.of(context).size.width,
       height: MediaQuery.of(context).size.height,

       decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage('assets/images/bg.png'),
            fit: BoxFit.cover,
       )),

       child: Scaffold(
        backgroundColor: Colors.transparent,
        body: Container(
         width: MediaQuery.of(context).size.width,
         height: MediaQuery.of(context).size.height,
         child: SingleChildScrollView(
             --- rest of the code ---

Flutter ：启用文本字段时，背景图像向上移动。 "resizeToAvoidBottomInset" 禁用滚动。我哪里错了？

Flutter : When textfield is enabled, background image moves upward. "resizeToAvoidBottomInset" disables scrolling. Where am I going wrong?

keyboard

listview

textfield

flutter

singlechildscrollview