flutter 输入框被键盘遮罩问题记录

最新推荐文章于 2022-09-04 16:42:17 发布
最新推荐文章于 2022-09-04 16:42:17 发布
阅读量1k 收藏
点赞数 1
分类专栏： flutter 笔记 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37069091/article/details/124124737
版权

输入框遮罩问题

输入框被键盘遮罩 需要将输入框所在页面移动到键盘上部分
需要两步

第一步然所在页面能够移动 即所在页面外部包裹 一个可移动界面 比如 SingleChildScrollView

第二部 将输入框放在键盘上边 给所在界面加个padding

例如

showModalBottomSheet(
        isScrollControlled: true,
        context: context,
        builder: (BuildContext context) {
          return StatefulBuilder(builder: (context, state) {
            return SingleChildScrollView(
              child: Container(
                padding: EdgeInsets.only(
                    bottom: MediaQuery.of(context).viewInsets.bottom),  // !important
                color: Colors.transparent,
                child: new Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: <Widget>[
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("工种",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: getWorkTypeItems(),
                                onChanged: (value) {
                                  state(() {
                                    chooseId = value;

                                    records.forEach((data) {
                                      if (data.id == value) {
                                        hintvalue = data.name;
                                      }
                                    });
                                  });
                                },
                                hint: new Text(
                                    hintvalue == null ? "请选择" : hintvalue),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("到岗日期"),
                          Expanded(
                            child: Text(""),
                          ),
                          Container(
                            child: InkWell(
                              onTap: () {
                                getTime();
                              },
                              //     child: Text(time == null ? "请选择" : '${formatDate(time, [yyyy, "-", mm, "-", dd])}'),

                              child: Text(
                                doorTime,
                                textAlign: TextAlign.center,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("最低预算",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: [
                                  DropdownMenuItem(
                                    child: new Text('2000'),
                                    value: 2000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('3000'),
                                    value: 3000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('4000'),
                                    value: 4000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('5000'),
                                    value: 5000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('6000'),
                                    value: 6000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('7000'),
                                    value: 7000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('8000'),
                                    value: 8000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('9000'),
                                    value: 9000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('10000'),
                                    value: 10000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('11000'),
                                    value: 11000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('12000'),
                                    value: 12000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('13000'),
                                    value: 13000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('14000'),
                                    value: 14000,
                                  ),
                                ],
                                onChanged: (value) {
                                  state(() {
                                    budgetMin = value;
                                  });
                                },
                                hint: new Text(budgetMin == null
                                    ? "请选择"
                                    : budgetMin.toString() + "元/月"),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("最高预算",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: [
                                  DropdownMenuItem(
                                    child: new Text('2000'),
                                    value: 2000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('3000'),
                                    value: 3000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('4000'),
                                    value: 4000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('5000'),
                                    value: 5000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('6000'),
                                    value: 6000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('7000'),
                                    value: 7000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('8000'),
                                    value: 8000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('9000'),
                                    value: 9000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('10000'),
                                    value: 10000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('11000'),
                                    value: 11000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('12000'),
                                    value: 12000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('13000'),
                                    value: 13000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('14000'),
                                    value: 14000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('15000'),
                                    value: 15000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('16000'),
                                    value: 16000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('17000'),
                                    value: 17000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('18000'),
                                    value: 18000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('19000'),
                                    value: 19000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('20000'),
                                    value: 20000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('21000'),
                                    value: 21000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('22000'),
                                    value: 22000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('23000'),
                                    value: 23000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('24000'),
                                    value: 24000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('25000'),
                                    value: 25000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('26000'),
                                    value: 26000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('27000'),
                                    value: 27000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('28000'),
                                    value: 28000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('29000'),
                                    value: 29000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('30000'),
                                    value: 30000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('不限'),
                                    value: 31000,
                                  ),
                                ],
                                onChanged: (value) {
                                  state(() {
                                    budgetMax = value;
                                  });
                                },
                                hint: new Text(budgetMax == null
                                    ? "不限"
                                    : (budgetMax == 31000
                                    ? "不限"
                                    : budgetMax.toString() + "元/月")),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(left: 20, right: 20, top: 10),
                      child: TextField(
                        onChanged: (value) {
                          remark = value;
                        },
                        maxLines: 5,
                        decoration: InputDecoration(
                            hintText: remark==null? "此处填写服务内容和岗位要求":remark, border: OutlineInputBorder()),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(left: 60, right: 60, top: 20),
                      decoration: BoxDecoration(color: Colors.white),
                      //color: Colors.white,
                      child: Row(
                        children: <Widget>[
                          Expanded(
                            child: new MaterialButton(
                              color: Colors.red,
                              textColor: Colors.white,
                              child: new Text('取消'),
                              onPressed: () {
                                Navigator.pop(context);
                              },
                            ),
                          ),
                          Expanded(
                            child: new MaterialButton(
                              color: Colors.red,
                              textColor: Colors.white,
                              child: new Text('更新'),
                              onPressed: () {
                                updateOrder(model);
                              },
                            ),
                          )
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            );
          });
        });

showModalBottomSheet(
        isScrollControlled: true,
        context: context,
        builder: (BuildContext context) {
          return StatefulBuilder(builder: (context, state) {
            return SingleChildScrollView(
              child: Container(
                padding: EdgeInsets.only(
                    bottom: MediaQuery.of(context).viewInsets.bottom),  // !important
                color: Colors.transparent,
                child: new Column(
                  crossAxisAlignment: CrossAxisAlignment.center,
                  children: <Widget>[
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("工种",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: getWorkTypeItems(),
                                onChanged: (value) {
                                  state(() {
                                    chooseId = value;

                                    records.forEach((data) {
                                      if (data.id == value) {
                                        hintvalue = data.name;
                                      }
                                    });
                                  });
                                },
                                hint: new Text(
                                    hintvalue == null ? "请选择" : hintvalue),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("到岗日期"),
                          Expanded(
                            child: Text(""),
                          ),
                          Container(
                            child: InkWell(
                              onTap: () {
                                getTime();
                              },
                              //     child: Text(time == null ? "请选择" : '${formatDate(time, [yyyy, "-", mm, "-", dd])}'),

                              child: Text(
                                doorTime,
                                textAlign: TextAlign.center,
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("最低预算",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: [
                                  DropdownMenuItem(
                                    child: new Text('2000'),
                                    value: 2000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('3000'),
                                    value: 3000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('4000'),
                                    value: 4000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('5000'),
                                    value: 5000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('6000'),
                                    value: 6000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('7000'),
                                    value: 7000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('8000'),
                                    value: 8000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('9000'),
                                    value: 9000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('10000'),
                                    value: 10000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('11000'),
                                    value: 11000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('12000'),
                                    value: 12000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('13000'),
                                    value: 13000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('14000'),
                                    value: 14000,
                                  ),
                                ],
                                onChanged: (value) {
                                  state(() {
                                    budgetMin = value;
                                  });
                                },
                                hint: new Text(budgetMin == null
                                    ? "请选择"
                                    : budgetMin.toString() + "元/月"),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      height: 40,
                      color: Colors.white,
                      padding: EdgeInsets.only(left: 15, right: 15),
                      child: Row(
                        children: <Widget>[
                          Text("最高预算",
                              style:
                              TextStyle(color: Colors.black, fontSize: 16)),
                          Expanded(
                            child: Text(""),
                          ),
                          StatefulBuilder(builder: (context, state) {
                            return DropdownButtonHideUnderline(
                              child: DropdownButton(
                                items: [
                                  DropdownMenuItem(
                                    child: new Text('2000'),
                                    value: 2000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('3000'),
                                    value: 3000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('4000'),
                                    value: 4000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('5000'),
                                    value: 5000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('6000'),
                                    value: 6000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('7000'),
                                    value: 7000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('8000'),
                                    value: 8000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('9000'),
                                    value: 9000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('10000'),
                                    value: 10000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('11000'),
                                    value: 11000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('12000'),
                                    value: 12000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('13000'),
                                    value: 13000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('14000'),
                                    value: 14000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('15000'),
                                    value: 15000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('16000'),
                                    value: 16000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('17000'),
                                    value: 17000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('18000'),
                                    value: 18000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('19000'),
                                    value: 19000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('20000'),
                                    value: 20000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('21000'),
                                    value: 21000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('22000'),
                                    value: 22000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('23000'),
                                    value: 23000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('24000'),
                                    value: 24000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('25000'),
                                    value: 25000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('26000'),
                                    value: 26000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('27000'),
                                    value: 27000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('28000'),
                                    value: 28000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('29000'),
                                    value: 29000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('30000'),
                                    value: 30000,
                                  ),
                                  DropdownMenuItem(
                                    child: new Text('不限'),
                                    value: 31000,
                                  ),
                                ],
                                onChanged: (value) {
                                  state(() {
                                    budgetMax = value;
                                  });
                                },
                                hint: new Text(budgetMax == null
                                    ? "不限"
                                    : (budgetMax == 31000
                                    ? "不限"
                                    : budgetMax.toString() + "元/月")),
                              ),
                            );
                          }),
                        ],
                      ),
                    ),
                    Container(
                      margin: EdgeInsets.only(left: 20, right: 20, top: 10),
                      child: TextField(
                        onChanged: (value) {
                          remark = value;
                        },
                        maxLines: 5,
                        decoration: InputDecoration(
                            hintText: remark==null? "此处填写服务内容和岗位要求":remark, border: OutlineInputBorder()),
                      ),
                    ),
                    Container(
                      padding: EdgeInsets.only(left: 60, right: 60, top: 20),
                      decoration: BoxDecoration(color: Colors.white),
                      //color: Colors.white,
                      child: Row(
                        children: <Widget>[
                          Expanded(
                            child: new MaterialButton(
                              color: Colors.red,
                              textColor: Colors.white,
                              child: new Text('取消'),
                              onPressed: () {
                                Navigator.pop(context);
                              },
                            ),
                          ),
                          Expanded(
                            child: new MaterialButton(
                              color: Colors.red,
                              textColor: Colors.white,
                              child: new Text('更新'),
                              onPressed: () {
                                updateOrder(model);
                              },
                            ),
                          )
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            );
          });
        });
753369
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
flutter中键盘遮挡了webview_flutter中的输入框input解决办法
zon的专栏
04-09 452
1. iOS系统解决办法：（同时解决了闪屏问题，估计是iOS加入了IOKeyboardManager类库同时操作的问题）Widget build(BuildContext context) {...}里面。我的处理方法更简单一点，针对特定的网页，直接滚动到一个固定的值，代码写在方法。获取键盘状态，滚动webview。
flutter 键盘遮挡输入框问题_Flutter 键盘遮挡住了控件
weixin_36181282的博客
02-06 1127
Flutter中使用TextField输入框，会有键盘遮挡问题：TextField(decoration: InputDecoration(// labelText: "密码",hintText: "您的登录密码",prefixIcon: Icon(Icons.lock)),obscureText: true,),SizedBox(height: 40,),遮挡键...
flutter混合开发解决输入框被键盘遮挡的问题
01-20
最近项目在flutter混合开发时，表单页面软件盘调出时，底部的输入框被遮挡，经过以下方法测试，已解决； 1–取消Scaffold的resizeToAvoidBottomPadding属性为false(该属性是控制界面内容 body是否重新布局来避免底部被覆盖了，比如当键盘显示的时候，重新布局避免被键盘盖住内容。默认值为 true) 2–android平台在混合开发的时候需要修改宿主Activiity的manifest文件里面的属性，关键是“android:windowSoftInputMode=”adjustResize”，重新调整布局页面 作者：梦想不只是梦与想
flutter 自定义键盘_Flutter 完美的验证码输入框
weixin_39941847的博客
11-30 384
老孟导读：刚开始看到这个功能的时候一定觉得so easy，开始的时候我也是这么觉得的，这还不简单，然而真正写的时候才发现并没有想象的那么简单。 先上图，不上图你们都不想看，我难啊，到Github：https://github.com/781238222/flutter-do 上给个小星星可还行，如果能fork一下，那更是感激不尽。 言归正传，完成验证码输入...
flutter 键盘挡住输入框问题
weixin_44911775的博客
09-01 696
【代码】flutter 键盘挡住输入框问题。
flutter 键盘遮挡输入框问题_flutter插件推荐之 keyboard_avoider - 解决输入时的键盘遮挡问题...
weixin_39533361的博客
12-23 501
插件介绍这里推荐下防键盘遮挡控件：keyboard_avoider。虽然flutter中号称有机制可以防键盘遮挡，但是在实际使用的过程中的一些场合下还是会出现遮挡住键盘的bug，比如：app第一次安装后。之前为键盘遮挡的问题头疼了很久，后来找到keyboard_avoider控件，总算彻底解决了键盘遮挡的问题。备注：flutter键盘遮挡bug当时测试的版本是flutter sdk 1.9.1，后...
Flutter问题一：键盘遮挡输入框
niexier的博客
04-27 1037
当我们将输入框嵌入到外部插件的弹窗中时，点击编辑会导致键盘遮挡无法输入。出现这样的问题，其实原因很简单，就是当前输入框未嵌入到context中，所以无法监听输入框的位置，从而键盘遮挡。下图为正确效果（图出自网络）： 知道原因，解决自然也非常简单，根据场景是弹出弹框内的输入框遮挡问题： 1、使用自带插件showModalBottomSheet，缺点需要传入context： import 'package:flutter/material.dart'; final BuildContext con
Flutter 完美的验证码输入框实现
08-19
主要介绍了Flutter 完美的验证码输入框实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter 输入框组件TextField的实现代码
08-25
主要介绍了flutter 输入框组件TextField的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter实现输入框撤销、重写功能
06-16
自己模拟一个栈的操作，然后通过两个列表来实现撤销和重写。来源简书https://www.jianshu.com/p/b42f23f91000，调整了一下样式，并对其中的功能进行了优化。
flutter弹起键盘页面布局超限问题
01-20
例如，如果在脚手架上方显示屏幕键盘，则可调整body属性控件的大小以避免被键盘覆盖。如果你不需要此功能，可以将resizeToAvoidBottomPadding属性设置为false @override Widget build(BuildContext context) { ...
移动端固定输入框在底部会被键盘遮挡的解决方法(必看篇)
01-04
由于公司需求，需要做一个实时对话的聊天功能。遇到各种小坑就不多说了，下面就记录一下遇到最坑的一个问题。。 页面布局写完后，在安卓和苹果手机测试了一下，问题来了！！！在安卓手机中布局完美展示（这很好），但在苹果手机下，经常点击输入框键盘会把输入框挡住。 如下图显示： 图一 图二 图三 （图一和图二都是有问题的，图三才是想要的效果。） 每次键盘遮挡住输入框之后，必须要手动向上滑动一下屏幕才显示出来，这体验效果就很不好了吧。然后自己就尝试了各种方法，什么定时器、绝对定位、固定定位、计算屏幕高度再定位等等，都没有作用，键盘出来后还是会遮挡住。最后只能上网查找答案，找了半天，终于找到了答案，这里要
Flutter 全局点击空白处隐藏键盘实战
09-07
主要介绍了Flutter 全局点击空白处隐藏键盘实战，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
flutter 键盘遮挡输入框问题_ios 键盘遮挡输入框
weixin_39541189的博客
01-05 435
输入框被键盘挡住啦！！！ “ios开发过程中，常遇到文本输入框会被弹出的键盘遮住问题，为了更好的体验感，通常需要滚动视图，使之输入框在键盘上面。是不是经常不知道该怎么计算滚动距离而苦恼，脑子莫名的冒出卧槽？别慌，别慌，小场面，问题真的真的不大！！！！！下面将举例说明如何解决这种问题。” 案例如下图所示: 常用的评论回复当点击评论回复时，需要向上滚动视图，可以看见当前回复的是那个评论.原理与解决...
flutter 键盘遮挡输入框问题_解决键盘遮挡输入框的问题
weixin_36163504的博客
02-23 1529
- (void)textFieldDidEndEditing:(UITextField *)textField{self.frame =CGRectMake(0, 0, self.frame.size.width, self.frame.size.height);}/***下面是全屏的一个view, view上有tableView, 每个tableViewCell有子控件 textField的使用...
flutter 键盘遮挡输入框问题_Flutter 强大的MediaQuery控件
weixin_39833290的博客
01-07 448
注意：无特殊说明，Flutter版本及Dart版本如下：Flutter版本： 1.12.13+hotfix.5 Dart版本： 2.7.0MediaQuery通常情况下，不会直接将MediaQuery当作一个控件，而是使用MediaQuery.of获取当前设备的信息，用法如下：var data = MediaQuery.of(context);此方式必须放在MediaQuery作用域内，否则会抛出...
Flutter输入框、界面被键盘遮挡问题解决
wangzhongITger的博客
09-04 5044
软键盘弹出遮挡
Flutter 输入框(TextField)被键盘遮挡两种解决方案
热门推荐
jia635的专栏
06-28 1万+
方案一: 如果没有ScrollView或者ListView等可滚动空间包裹,则可以通过padding设置实现键盘不被遮挡问题 Padding( padding: EdgeInsets.only( bottom: MediaQuery.of(context).viewInsets.bottom ), child: TextField( ) ) MediaQuery.of(context).viewInsets.bottom 为键盘弹出时键盘高度,如果上面代码段被可滚动w...
flutter 键盘遮挡输入框问题
qq_45624337的博客
03-08 330
1.新建dart文件写入以下代码 /** * 作者:Created by H on 2019/1/23 11:08. * 介绍: 解决输入框被遮挡问题 */ import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart'; /// /// Helper class that ensures a Widget is visible when it has the focus /// For example,
flutter输入框 键盘遮挡解决
最新发布
05-16
在Flutter中，可以使用`ListView`或`SingleChildScrollView`等来解决键盘遮挡问题。以下是一些步骤： 1. 在`Scaffold`中使用`resizeToAvoidBottomInset`属性将页面的底部留出足够的空间，以避免键盘遮挡内容。 ```dart Scaffold( resizeToAvoidBottomInset: true, ... ) ``` 2. 在输入框的`TextField`中使用`FocusNode`和`MediaQuery`来监听焦点变化和键盘高度。 ```dart class _MyPageState extends State<MyPage> { final FocusNode _focusNode = FocusNode(); double _keyboardHeight = 0; @override void initState() { super.initState(); _focusNode.addListener(() { if (_focusNode.hasFocus) { _getKeyboardHeight(); } }); } void _getKeyboardHeight() { final double height = MediaQuery.of(context).viewInsets.bottom; setState(() { _keyboardHeight = height; }); } @override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomInset: true, body: SingleChildScrollView( child: Column( children: [ TextField( focusNode: _focusNode, ... ), SizedBox(height: _keyboardHeight), ], ), ), ); } } ``` 3. 将`SizedBox`放置在输入框下方，其高度等于键盘高度，这样当键盘弹出时，页面会自动滚动到适当的位置。 ```dart SizedBox(height: _keyboardHeight), ``` 这样，当键盘弹出时，页面会自动滚动到输入框的上方，从而避免了键盘遮挡问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值