
正文
flutter打开键盘,flutter 自定义输入框
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
flutter 键盘弹出时list view 置底
1、点击输入flutter框弹出软键盘时,遮挡本输入框一部分。
2、点击输入框,输入框跟随软键盘自动上移时其他不该移动的内容也跟随上移导致的flutter键盘弹出时listview置底。
相关问答
Q1: Flutter中 webview的键盘问题解决
webview的版本是webview_flutter: ^0.3.22+1
现在遇到的问题是如果webview中输入密码的话,像华为这种会调用自己的安全键盘,这时候就会黑屏,应该是内部计算键盘高度的问题。这时候没办法了,网页web端密码框需要修改一下了自己自定义一下不调用密码类型就好,但是无法被输入框弹上去,后来解决方案是用SingleChildScrollView包裹一下,然后自己监听一下键盘的弹窗和隐藏做一下jump的高度就好了
ps: jump的时候要注意高度,可以在键盘出来的时候底部增加一个只有高度的view,键盘收起隐藏就好了
Q2: flutter中关于软键盘弹起导致的问题
原因:在flutter中,键盘弹起时系统会缩小Scaffold的高度并重建
1)把Scaffold的resizeToAvoidBottomInset属性设置为false,这样在键盘弹出时将不会resize
2)把写死的高度改为 原高度 - MediaQuery.of(context).viewInsets.bottom ,键盘弹出时布局将重建,而这个 MediaQuery.of(context).viewInsets.bottom 变量在键盘弹出前是0,键盘弹起后的就是键盘的高度
将输入框放进可滚动的Widget中即可,当输入框获取焦点后,系统会自动将它滑动到可视区域






