如何移动底页随着键盘有文本域(自动聚焦是真的)?

我试着做一个底部表，有一个文本字段，自动聚焦设置为true，这样键盘就会弹出。但是，键盘重叠在bottomsheet上。有没有办法移动键盘上方的底部?

Padding(
  padding:
      EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
  child: Column(children: <Widget>[
    TextField(
      autofocus: true,
      decoration: InputDecoration(hintText: 'Title'),
    ),
    TextField(
      decoration: InputDecoration(hintText: 'Details!'),
      keyboardType: TextInputType.multiline,
      maxLines: 4,
    ),
    TextField(
      decoration: InputDecoration(hintText: 'Additional details!'),
      keyboardType: TextInputType.multiline,
      maxLines: 4,
    ),]);

当前回答

不要在构建器中使用builder:(BuildContext context){}，而是使用builder: (context) {}

有了这个解决方案，我的模态底部表坚持状态栏(行为像脚手架与resizeToAvoidBottomInset: false)，并允许查看所有的表单字段和滚动的形式，如果它仍然需要查看底部文本字段。

要了解更多细节，这里是我找到解决方案的链接- https://github.com/flutter/flutter/issues/18564#issuecomment-602604778

2020-11-02 07:25:55

其他回答

showModalBottomSheet(
 isScrollControlled: true,
 builder: (BuildContext context) {

    return SingleChildScrollView(
      child: Container(
        padding:
            EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
        child: Padding(
          padding: const EdgeInsets.all(15.0), // content padding
          child: Container())});

注意:这一行完成了所有的魔术

2020-08-26 14:31:48

在github上找到这个

Padding(
  padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom),
  child: TextField()
)

2020-12-06 08:43:43

为了专注于键盘在BottomSheet - Wrap TextField在Padding Widget如下:

showModalBottomSheet(
              context: context,
              builder: (context) {
                return Container(
                  child: Padding(
                    padding: EdgeInsets.only(
                        bottom: MediaQuery.of(context).viewInsets.bottom),
                    child: TextField(
                      autofocus: true,
                    ),
                  ),
                );
              });

2018-12-21 06:00:08

只需添加

if (_isEditing) SizedBox(height: MediaQuery.of(context).viewInsets.bottom),

在键盘和隐藏所有其他内容下面的文本框与

if (!_isEditing) Widget(...),

2021-07-09 09:29:01

给那些不能解决问题的人尝试所有的答案。这些答案是正确的，但不太清楚。

当使用

MediaQuery.of(上下文).viewInsets.bottom)

make sure your context variable is using the one provided by bottom sheet builder property.

c builder:(* * * *) = > MediaQuery.of (c * * * *)

2021-01-02 01:37:03

如何移动底页随着键盘有文本域(自动聚焦是真的)?

推荐文章

最新文章

标签