Flutter 点击输入框后键盘闪出后立刻消失-Toy模板网

这篇具有很好参考价值的文章主要介绍了Flutter 点击输入框后键盘闪出后立刻消失。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

flutter 在布局最顶端使用的是Scaffold组件，在点击输入框键盘弹出后，布局的默认反应是改变屏幕大小重新布局。

这时通常会在Scaffold中添加选项：

resizeToAvoidBottomPadding:false

添加之后，应用整体布局不会随着键盘弹出而刷新改变。

但是键盘的弹出仍然会改变 MediaQuery.of(context).size获取到的数值，因此如果有输入框的父组件通过MediaQuery来决定自身大小的话，在键盘弹出的时候整个组件仍然会进行刷新导致键盘隐藏。

因为只考虑移动端，屏幕大小不会发生改变，所以考虑将屏幕大小提前保存成固定的数值。

import 'dart:ui';

//1.获取屏幕物理大小

double physicalWidth = window.physicalSize.width;

double physicalHeight = window.physicalSize.height;

// 2.获取dpr

double dpr = window.devicePixelRatio;

// 3.宽度和高度

double screenWidth = physicalWidth / dpr;

double screenHeight = physicalHeight / dpr;

app启动之前提前获取好屏幕大小，在布局时直接引用，键盘弹出时就不会出现组件刷新导致键盘隐藏的问题。

-------------------------------------2022.5.27 更新----------------------------------------

额外补充一个奇怪的bug：

此bug只在IOS端出现，同样的代码在安卓端不存在。iphone测试机为IOS 15.4.1。

主要表现为window.physicalSize返回的大小有时正确有时为0

可能导致的原因猜测为window.physicalSize调用的过早，通过延迟调用后bug解决。