Flutter自定义Widget-可以监听键盘高度的TextField_flutter 键盘的高度变化监听-优快云博客

本文链接：https://blog.youkuaiyun.com/jiujiaopanduola/article/details/117443446

现在我们有个需求，要求输入完成后所有字母都转大写，看起来很容易，直接写个TextField，然后在onEditingComplete里处理不就行了，但是，你会发现，键盘里还有个下拉按钮，就上面那个按钮，点击它虽然键盘消失了，但根本不执行onEditingComplete，只有点击下面那个按钮才会执行，这样测试肯定不通过，那就在onChange方法里处理？也不行，因为我输入完成后还得访问后台接口，所以不能在onChange方法里处理。

背景讲完了，上代码：

1，使用扩展类extension...on...，扩展下TextField，混入class WidgetsBindingObserver来监听界面的变化,具体监听尺寸变化的方法是didChangeMetrics()

extension TextFieldExtension on TextField{

  Widget getKeyboardListenerTextField(){
    if(focusNode == null) return this;
    return KeyboardListenerTextField(child: this);
  }

}
class KeyboardListenerTextField extends StatefulWidget {
  TextField child;
  KeyboardListenerTextField({
     this.child,
  });

  @o