Flutter :我的对话框键盘溢出

xxhby3vn  于 2023-01-27  发布在  Flutter
关注(0)|答案(6)|浏览(202)

我试图添加文本域到一个对话框,但当键盘出现时,它给出了溢出。
我的对话框图像

当键盘显示时

下面是我的代码的一部分看起来像:

AlertDialog(
    content: new ListView(
      shrinkWrap: true,
  children: <Widget>[
    Text(
      "How Would You Rate Our App?",
      style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
      textAlign: TextAlign.center,
    )
bmp9r5qi

bmp9r5qi1#

您可以简单地使用SingleChildScrollView

AlertDialog(
        content: SingleChildScrollView(
          scrollDirection: Axis.vertical,
        child: Column(
          children: <Widget>[
            Text(
              "How Would You Rate Our App?",
              style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
              textAlign: TextAlign.center,
        ),
        ]
    )
    )
)
wrrgggsh

wrrgggsh2#

问题出在对话框后面的屏幕上。我也遇到过同样的问题,但上面的解决方案都不适用于我的代码,所以我使用了以下代码:

resizeToAvoidBottomInset: false,

此行位于“return Scaffold”下,我在此page上找到了此解决方案

c9x0cxw0

c9x0cxw03#

AlertDialog(
        content: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Text(
              "How Would You Rate Our App?",
              style: TextStyle(fontSize: 16.0, fontWeight: FontWeight.bold),
              textAlign: TextAlign.center,
        ),
        ]
    )
    )
)
z5btuh9x

z5btuh9x4#

“溢出条纹”警报实际上在对话框后面的屏幕上,因此对话框本身没有错误。
只要尝试添加一个SingleChildScrollView() Package 在后面屏幕的孩子!(我有同样的错误,这对我很有效)

ibps3vxo

ibps3vxo5#

在对话框周围 Package 此代码为我修复了此问题:

class _SystemPadding extends StatelessWidget {
  final Widget child;

  _SystemPadding({Key key, this.child}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    var mediaQuery = MediaQuery.of(context);
    return new AnimatedContainer(
        padding: const EdgeInsets.only(bottom: mediaQuery.viewInsets.bottom),
        duration: const Duration(milliseconds: 300),
        child: child);
  }
}
o7jaxewo

o7jaxewo6#

我遇到了与以下流程相同的问题:

脚手架-〉按钮单击-〉对话框-〉文本表单字段-〉键盘

已通过将对话框添加到SingleChildScrollView解决此问题。
就这样。希望这能帮到什么人。

相关问题