Flutter - 键盘隐藏文本字段

谢里夫·赛义德·埃拉尔

我有一个带有以下代码的页面,当我单击文本字段,键盘打开并覆盖文本字段时,重复了一个问题。

我进行了很多搜索并尝试了许多解决方案,例如:resizeToAvoidBottomInset: true,在下面的代码中添加了 singlechildscrollview,我还尝试添加了填充:EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),

什么都没有!

谁能帮我一个想法或正确的小部件树来解决这个问题?

Scaffold(
    resizeToAvoidBottomInset: true,
    appBar: AppBar(),
    body: Padding(
      padding: EdgeInsets.fromLTRB(8.w, 8.h, 8.w, 8.h),
      child: SingleChildScrollView(
          child: Column(
childern: [
.
.
.
Container(
 padding: EdgeInsets.only(
                                bottom: MediaQuery.of(context)
                                    .viewInsets
                                    .bottom),
child: textField()
)
.
.
.
]
),
),
),

编辑:答案:

给出我的问题解决方案,以防万一有人遇到它。几个月前,我实现了一个名为 screenutilinit 的包,以使应用程序响应不同的大小,我在主页中使用的命令之一是这一行:

MaterialApp(useInheritedMediaQuery: true, ..) 当我删除它时一切正常。

我希望它可以帮助别人。

考希克·钱德鲁

如果您添加了 singleChildScrollView,它将在键盘打开时自动向上移动。它不再需要填充。

Scaffold(
        resizeToAvoidBottomInset: true,
        appBar: AppBar(),
        body: Padding(
            padding: EdgeInsets.all(20),
            child: SingleChildScrollView(
              child: Column(children: [
                SizedBox(
                  height: 500,
                ),
                Container(child: TextField())
              ]),
            )));

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

扑:隐藏文本字段的键盘

Flutter键盘在android中隐藏了文本字段,但在iOS中工作正常

在 Flutter 升级 2.2.0 之后,包含文本字段的 ShowModalBottomSheet 被键盘隐藏

Flutter Keyboard使文本字段隐藏

Flutter 使文本字段与键盘一起上升

Flutter:编辑我的文本字段时,键盘立即消失

键盘不断覆盖 Flutter 中的文本字段

键盘隐藏了文本字段

如果pickerVew的窗口打开,键盘将隐藏文本字段

Flutter-当文本字段具有焦点时隐藏提示文本

在 Flutter 中,通过单击对话框的文本字段打开键盘后关闭

Flutter-键盘出现在Android上时未显示文本字段

如何在Flutter中为文本字段自动显示键盘

Flutter:如何在文本字段上隐藏光标的“腹部”

Flutter中的文本字段验证

在Flutter中更改文本字段Thumb?

如果子报表为空,则隐藏文本字段

在从菜单中选择之前隐藏文本字段

Adobe LiveCycle Designer隐藏文本字段的标签描述

在Javascript中隐藏文本字段及其标签

Flutter:如何在没有android底部导航栏聚焦文本字段的情况下显示屏幕键盘?

输入文本字段后,Flutter文本将不再更新

在Flutter的文本字段中垂直居中放置文本

Flutter TextFormField被键盘隐藏

Flutter:键盘隐藏的TextFormField

Flutter-如何在多行文本字段中退出文本字段?

文本字段顶部的 fireOS firetv/firestick 上的 Flutter 文本字段

隐藏快速编程语言的文本字段键盘

Swift 5-编辑文本字段隐藏键盘