Flutter苹果键盘，flutter ios 键盘灰层

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Flutter项目插件整理

其实做的事情跟原生封装WebView组件类似。

插件入口 https：//pub.flutter-io.cn/packages/sentry 以下是Docker搭建Sentry平台的步骤，请保证每一步执行完成：-启动 Sentry Server，同时添加端口映射。

解决方案：点击ios文件夹-点击podfile修改如下(亲测实用已解决)解决方案：删除IOS工程中的Podfile.lock文件，重新pod install(继续执行Flutter run操作)即可解决。

Dart语法编译：Dart是一种强类型、跨平台的客户端开发语言。具有专门为客户端优化、高生产力、快速高效、可移植易学的风格。Dart主要由谷歌负责开发和维护。

Flutter 开发非常依赖各种官方或第三方的插件，而在使用这些插件时多少都会遇到一些问题，大部分问题都可以通过搜索和查找 issue 来解决。这里记录下一些我在使用部分插件时遇到的问题及其解决方法。

Q1: flutter中关于软键盘弹起导致的问题

点击输入flutter框弹出软键盘时，遮挡本输入框一部分。点击输入框，输入框跟随软键盘自动上移时其他不该移动的内容也跟随上移导致的flutter键盘弹出时listview置底。

IOS端：苹果的软键盘是覆盖的（分层），因此H5页面显示没有什么问题。安卓端解决input键盘弹出导致页面压缩变形的方法为：方法1：将元素设置成 static 或者 relative ，不要脱离文档流。

webview的版本是webview_flutter： ^0.22+1 现在遇到的问题是如果webview中输入密码的话，像华为这种会调用自己的安全键盘，这时候就会黑屏，应该是内部计算键盘高度的问题。

当然也遇到很多坑，像软键盘弹出对布局的挤压，这里面没有window，document这些浏览器的对象了。像富文本解析，还要对解析出来的文本字体放大缩小，图片点击，复制粘贴。

在Android和 IOS 上，获知软键盘弹起和收起状态存在差异，事件不同。在IOS上，输入框获取焦点，键盘弹起，页面（webview）整体往上滚动，当键盘收起后，不回到原位，导致键盘原来所在位置是空白的。

关于移动端软键盘弹起，盖住页面的问题。核心解决办法是利用 document.activeElement.scrollIntoView(false)；参数false，表示activeElement的元素与页面下边对齐，true表示activeElement的元素与页面上边对齐。这个方法兼容性很好。

Q2: flutter去除Appbar的阴影、键盘遮挡下部输入框

SliverAppBar 控件，一个 MD 的 AppBar 。属性和 AppBar 类似，但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件，里面有 AppBar 控件的介绍。

默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。

Q3: 九、Flutter之webview

Flutter的webview常用的第三方库有 flutter_webview_plugin 、 webview_flutter ，后者的文档较少，暂先学习flutter_webview_plugin。

在Widget销毁之前将WebView的监听和view销毁掉。flutter生命周期大体上可以分为三个阶段：初始化、状态变化、销毁。

从Android 0（API级别28）开始，默认情况下禁用明文支持。

其实做的事情跟原生封装WebView组件类似。

Q4: flutter修改键盘颜色

1、需要用 Material 去除背景色，然后将颜色设置在 InkWell 外部：在 Dialog builder 中使用 WillPopScope 禁用返回键返回：注意：使用此方法同时也会禁用 iOS 上的手势滑动返回功能，推荐判断平台后再使用。

2、new Image.memory：加载Uint8List资源图片（byte数组）图片。

3、brightness： Brightness.light，（黑色）brightness： Brightness.dark，（白色）这种设置状态栏字体颜色的方法仅在手机浅色模式下有效，当用户选择深色（暗黑）模式后，该方法失效，状态栏字体颜色统一变为白色，不可更改。

Flutter苹果键盘的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter ios 键盘灰层、Flutter苹果键盘的信息别忘了在本站进行查找喔。