Question

我有一个屏幕，背景图像设置为填充整个屏幕，最上方是输入字段。当我单击TextFormField时，将显示键盘，并且背景图像被推到顶部，这是我不想执行的操作。

您知道如何不向上推图像吗？我认为Form（带有SingleChildScrollView）小部件呈现在屏幕顶部（索引>该backgroundImage），所以我不明白为什么图像变形。有什么想法吗？

代码：

Answer 1

使用TextFormField，我建议使用ListView而不是singleChildScrollView。

class LoginScreen extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
 return Scaffold(
    body: Stack(
  children: <Widget>[
    Container(
      width: double.infinity,
      child: Image.asset("imageAsset", fit: BoxFit.fill),
    ),
    ListView(
      children: <Widget>[
        Form(
          child: Column(
              mainAxisSize: MainAxisSize.max,
              mainAxisAlignment: MainAxisAlignment.start,
              children: <Widget>[
                TextFormField(), // Example
                TextFormField(), // Example
                TextFormField(), // Example
              ]),
        ),
      ],
    )
  ],
  ));
  }
  }

颤振堆栈与背景图像和形式

1 个答案: