当前位置:   article > 正文

flutter解决键盘和输入框不适配问题_flutter keyboardtype对华为百度输入法不生效

flutter keyboardtype对华为百度输入法不生效
//是否显示键盘
bool isShowKeyboard = false;
double keyboardSize = Global.screenHeight * 0.4;

  @override
  void initState() {
    super.initState();

    //输入框焦点监测
    _focusNode.addListener(() {
      if (_focusNode.hasFocus) {
      //下面这句是当UI被遮挡的时候,遮挡高度大于0时就意味着键盘弹起来了
        if (MediaQuery.of(context).viewInsets.bottom > 0) {
        //设置为true
          isShowKeyboard = true;
        }
      } else {
        isShowKeyboard = false;
      }
      if (mounted) {
        setState(() {});
      }
    });
  } //软键盘高度
  
  @override
  void didChangeMetrics() {
    super.didChangeMetrics();
    WidgetsBinding.instance!.addPostFrameCallback((_) {
      // 以后是安卓零碎并且在焦点聚焦的状况下
      if (Platform.isAndroid && _focusNode.hasFocus) {
        if (MediaQuery.of(context).viewInsets.bottom > 0) {
          isShowKeyboard = true;
        } else {
          isShowKeyboard = false;
        }
        if (mounted) {
          setState(() {});
        }
      }
    });
  }

//如果isShowKeyboard是true就用下边距为keyboardSize(Global.screenHeight * 0.4),如果是false就是30了
布局中就可以设置bottom: isShowKeyboard ? keyboardSize : 30
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
相关标签
  

闽ICP备14008679号