收藏
回答

input组件设置type="number"的时候获取焦点页面白屏?

开发者工具没事 手机白屏 只有一个页面会有这种情况

回答关注问题邀请回答
收藏

12 个回答

  • 我
    2021-07-16

    从样式角度排查一下。看看是不是给cover-view加了例如border- radius等样式

    2021-07-16
    有用 3
    回复
  • 木木
    木木
    2020-09-27

    我找到复现条件了:

    1. 找一个全面屏手机
    2. 进入系统设置,去掉“经典导航键”,使用全面屏手势
    3. 这个时候,当input type="number"的组件获得焦点的时候,会弹出微信的数字键盘(type="idcard"也是一样的)
    4. 当微信数字键盘弹出来的时候就会白屏,有的手机会闪(一下整个白屏,一下能看见输入框)
    5. 进入系统设置,将“经典导航键”显示出来的时候。再进入小程序输入,不会白屏或者闪动。
    2020-09-27
    有用 3
    回复 1
    • 百分点
      百分点
      2020-12-10
      请问这个问题解决了吗?我也遇到了这个问题
      2020-12-10
      回复
  • sunshine
    sunshine
    2022-04-30

    一位大哥的回答。从样式角度排查一下。看看是不是给cover-view cover-image加了例如border- radius等样式。看下是不是自定义了tabbar 全局搜索查找看看。

    经过测试发现华为鸿蒙os2 系统手机 使用微信8.0.20时正常。2022.4.29微信升级了新版本,出现input为number时页面白屏,输入后闪动,收起键盘后页面正常。考虑是获取焦点后微信对数字键盘处理有问题,无从下手解决,初步想先通过判断手机机型及微信版本让问题机型弹出文本键盘,文本键盘显示是正常的。或者自定义一个数字键盘,自定义键盘需要处理光标闪动,输入框防止遮挡等问题,自定义键盘效果不佳。还是想怎么解决这问题,几经周折发现这个帖子。修改后有效。

    解决方案

    1.全面屏手机打开手机的虚拟按键 (可能有用,当时我做安卓APP时自定义键盘也经历很多坑)

    2.微信下载旧版本 比如我发现8.0.20正常8.0.22不正常。

    3.等微信升级或者手机厂商升级,然后看看问题是否解决。

    这三个方案都是基本没用的 然后就是自定义键盘

    是否是自定义tabbar导致的问题。我的是自定义tabbar中的cover-image 设置了圆角值导致的。


    2022-04-30
    有用 2
    回复
  • 霁
    2022-02-16

    2022年了,还有这个问题

    2022-02-16
    有用 2
    回复 2
    • Leme
      Leme
      2022-05-17
      还有这个问题+1
      2022-05-17
      回复
    • Leme
      Leme
      2022-05-17
      老哥解决了吗
      2022-05-17
      回复
  • 武
    2021-12-18

    这个问题我也遇到了,首页跳转这个页面时,输入框为小数点模式,就这效果。后来去掉当前页面所有样式,JS。与官方保持一样。单这个页面运行正常。后来发现是从首页跳转到这个页面是才会有这个问题。把跳转的方法从navigateto 改 redirectTo 页面就正常。就没有深入继续排查为啥父级页面会影响子页面的input 的问题,有兴趣研究的童鞋,可以排查哈哈。

    2021-12-18
    有用 1
    回复 1
    • destiny默
      destiny默
      2022-05-28
      你这个方法确实可以不会白屏,但是用redirectTo会导致不能使用左上角的返回键。
      2022-05-28
      回复
  • dxs
    dxs
    2021-08-05

    2021年8月5号,问题未修复,打卡

    2021-08-05
    有用 1
    回复 5
    • 孤胆试魂
      孤胆试魂
      2021-09-18
      2021年9月18日,博主描述的问题依然存在,无解
      2021-09-18
      回复
    • JkVon(陌风)
      JkVon(陌风)
      2022-04-29
      2022年4月29日,问题依然存在,打卡
      2022-04-29
      回复
    • sunshine
      sunshine
      2022-04-30回复JkVon(陌风)
      一位大哥的回答 从样式角度排查一下。看看是不是给cover-view cover-image加了例如border- radius等样式。看下是不是自定义了tabbar 全局搜索查找看看,我修改好了
      2022-04-30
      回复
    • Leme
      Leme
      2022-05-17
      2022年5月17日,问题依然存在,打卡
      赞回复
      2022-05-17
      回复
    • Leme
      Leme
      2022-05-17回复sunshine
      我的不涉及cover-view cover-image也这样
      2022-05-17
      回复
  • 孤胆试魂
    孤胆试魂
    2021-09-18

    微信啥时候能解决这个问题

    2021-09-18
    有用
    回复
  • 邱仁杰
    邱仁杰
    2021-06-09

    有解决的吗?

    2021-06-09
    有用
    回复
  • bigbigking
    bigbigking
    2021-02-20

    之前发现问题忘记说了。我是因为a页面使用了cover-view,然后跳转到b页面点击type="number"的input组件就会白屏,将a页面的cover-view换成view就没事了

    2021-02-20
    有用
    回复 1
    • bigbigking
      bigbigking
      2021-02-20
      刚刚试了一下 即使使用cover-view也没问题了
      2021-02-20
      回复
  • 百分点
    百分点
    2020-12-10

    请问这个问题解决了吗?我也遇到了这个问题

    2020-12-10
    有用
    回复

正在加载...

登录 后发表内容
问题标签