码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • uniapp打包嵌入app,输入框被键盘遮挡的问题


    问题描述:将uniapp开发的应用打包成wgt包放入app后,发现安卓手机的输入框会被手机输入法的键盘遮挡,导致看不到自己输入了什么内容;而在ios端是正常的,输入框会被键盘顶起,能清楚看到自己输入的内容。
    在解决这个问题之前我查找了许多资料,发现基本都是说在pages.json文件中配置softinputMode:

    "globalStyle": {
    		"app-plus": {
    			"softinputMode": "adjustPan"
    		}
    	},
    
    • 1
    • 2
    • 3
    • 4
    • 5

    softinputMode有两种模式:
    1、adjustResize:软键盘弹出时,webview窗体高度挤压。屏幕高度=webview窗体高度+软键盘高度。
    2、adjustPan:软键盘弹出时,webview窗体高度不变,但窗体上推,以保证输入框不被软键盘盖住。
    配置完之后在使用到输入框的时候,标签上添加三个属性:always-embed=“true”:adjust-position=“true” cursor-spacing=“30”

     <input
         :always-embed="true"
         :adjust-position="true"
         cursor-spacing="30"
       >
    
    • 1
    • 2
    • 3
    • 4
    • 5

    我按照上述步骤配置完成后发现还是没有用,输入框依然还是被遮挡住。

    由于在这个app上还有其他的wgt包,我就试着点进其他wgt的页面,发现其他wgt包的输入框是正常的,不会被键盘遮挡,我就去查看这个正常的wgt的项目代码,经过漫长的对比和尝试后终于让我找到了解决问题的重点:那就是manifest.json文件!
    以源码视图模式打开manifest.json文件,将splashscreen的autoclose属性值设置为true就可以了,简直是神奇!

    在这里插入图片描述
    在这里插入图片描述
    问题虽然解决了,但我还是想不出这个启动界面的属性为什么会影响到安卓手机的输入框。。。。
    另外就是这个属性改了之后原先这个wgt包存在手机物理返回键的问题(点击手机物理返回键直接回到了原生页面)也顺便正常了,神奇+1 !!!

  • 相关阅读:
    简便实用:在 ASP.NET Core 中实现 PDF 的加载与显示
    奇舞周刊第 506 期: Nest 实现扫码登录
    完成比写得好更重要,先完成初稿再说
    【STM32】软件SPI读写W25Q64芯片
    Java创建对象的最佳方式:单例模式(Singleton)
    文件(夹)批量重命名数字、字母、日期、中文数字大写小写
    抓到Dubbo异步调用的小BUG,再送你一个贡献开源代码的机会
    基于Eigen求解线性方程组Ax=b的性能分析
    1002 A+B for Polynomials
    C语言指针详解(4)———找工作必看指针笔试题汇总
  • 原文地址:https://blog.csdn.net/m0_50290552/article/details/134244857
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号