flutter输入法弹出后越界，flutter键盘遮挡输入框

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

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

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

3、问题和解决原理：部分ios手机在收起手机软键盘后，弹起软键盘的位置留白占位。监听输入框失去焦点，窗口回到顶部，迫使界面恢复正常。

4、移动web聊天页面，输入框在底部的时候，点击输入，弹起软键盘，iOS在将页面推上的时候会回弹一下，导致键盘刚好遮挡到输入框。

相关问答

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

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

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

Q2: flutter修改键盘颜色

1、iOS默认的TextField弹出的键盘是暗黑色的。

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

3、很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色，但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

4、primarySwatch：UI右下角的FloatingActionButton的颜色就是默认取值MaterialColor， 默认是蓝色的，如果修改成primarySwatch，就会变成这个颜色值。只支持MaterialColor。

5、点击Button 之后，我们把 num 变量加一，并使用 setState 通知状态发生了改变，Flutter 会根据新的状态更新 UI。如果有接触过小程序开发，setState 就和小程序的 setData 类似。

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

flutter输入法弹出后越界的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter键盘遮挡输入框、flutter输入法弹出后越界的信息别忘了在本站进行查找喔。