ionic中键盘把tabs顶上去的解决方法（android）

最新推荐文章于 2022-09-01 16:48:19 发布
最新推荐文章于 2022-09-01 16:48:19 发布
阅读量4k 收藏 1
点赞数
分类专栏： ionic3 前端 文章标签： app ionic3 前端 android

在android中ionic的键盘会把tabs顶上去的解决方法


在github上找到的解决方法，解决了我遇到的问题，发出来希望能帮到更多的人。
https://github.com/ionic-team/ionic/issues/7047


我遇到的是这种问题




下面是解决方法：


在tab.ts中



具体的page.ts



具体就是在tab.ts中封装一个event事件，用来隐藏tabs。
然后在你需要的页面监控键盘的弹出事件，键盘弹出时调用隐藏tabs事件，键盘收回时让tabs显示


李少0
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
09-01
在使用ionic开发ios系统微信的时候遇到一个bug，在填写表单的时候键盘会挡住输入框。下面小编给大家带来了ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)，非常不错，有需要的朋友参考下吧
Android 键盘把底部导航顶上去的解决办法
weixin_42630638的博客
05-08 1378
android开发中有editetext，当输入时输入法会把底部的导航栏顶上去。如何解决？ 一行代码搞定 在AndroidManifest.xml中给这个Activity设置 android:windowSoftInputMode="adjustPan|stateHidden" ...
解决ionic输入input里的内容时会把底部tabs顶上来的情况（隐藏底部tabs）
qq_36423909的博客
08-13 896
$scope.showItemTab = '';//默认显示footer window.addEventListener('native.keyboardshow', keyboardShowHandler); function keyboardShowHandler(e){     //键盘打开隐藏footer     $scope.showItemTab = "tabs-ite
ionic3安卓完美解决内容被软键盘全部往上顶问题
李瑞清的博客
12-30 784
在AndroidManifest.xml文件修改android:windowSoftInputMode="adjustPan"为 android:windowSoftInputMode="adjustPan|stateHidden" 如上图修改后，重新打包: ionic cordova build android --prod。其实这样已经可以解决问题，但是在这里修改如果platform被移...
Android通过监听软键盘弹起与关闭实现软键盘弹起时底部按钮消失、关闭时底部按钮显示
qiutiandepaomo的博客
11-19 1695
现在有一个需求，在一个页面中，顶部有一个悬浮的控件一直显示，中间是可滑动的，即使软键盘弹出；底部也有一个悬浮的控件，软键盘弹出的时候，底部悬浮控件不随着软键盘的弹出而上移显示。显示效果如图： 图一：软键盘隐藏 图二：软键盘显示-第一条获取焦点 图三：软键盘显示-最后一条获取焦点              我们知道页面上软键盘弹出的时候页面的显示效果跟android:windowSoft...
关注Ionic底部导航按钮tabs在android情况下浮在上面的处理
01-20
在本文中，我们将深入探讨如何解决在 Ionic 框架中遇到的一个常见问题：在 Android 设备上，底部导航按钮（tabs）浮在屏幕上方而不是贴合底部。这个问题主要是由于 iOS 和 Android 平台对 UI 布局的处理方式不同造成...
ionic隐藏tabs的方法
12-28
本文为大家分享了ionic隐藏tabs的方法，供大家参考，具体内容如下 1. <!-- tabs --> </ion> 2. 在该控制器下加上.directive： var module = angular.module('app.directives', []); module.directive('...
ionic App 解决android端在真机上tab处于顶部的问题
08-30
Ionic App 解决 Android 端在真机上 Tab 处于顶部的问题 Ionic App 在 Android 端真机上 Tab 处于顶部的问题是很多开发者经常遇到的问题。本文将为大家介绍解决这个问题的方法，涉及到 Ionic Config Provider 的...
如何解决移动端键盘弹起将底部导航栏顶起
weixin_44302838的博客
11-16 586
一行代码搞定 /*输入键盘弹起,底部导航栏消失*/ var bottomEl = document.querySelector('footer'); // 可见区域高度减去元素的高度 bottomEl.style.top = document.documentElement.clientHeight - 60 + 'px';
【ionic3问题】 软键盘遮住输入框问题解决
mygrilzhuyulin的专栏
04-28 3633
//让content向上滚动 软键盘的高度@ViewChild(Content) content: Content;scrollTo() {　　window.addEventListener('native.keyboardshow',(e:any) =&gt;{　　　　this.content.scrollTo(0,e.keyboardHeight);　});｝...
解决软键盘弹出，同时把底部按钮顶上去问题
LSLSD的博客
06-19 3141
前提 界面父布局使用的是 LinearLayout 处理方法 在Activity中添加 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN | WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN); 尝试方案及网上其他解决方法 在...
ionic3 footer上添加输入框，弹出键盘时，整个页面全部上移问题
strong90的博客
01-24 5367
Solution with changing ion-input to input doesn't work for me (ionic beta 11). My workaround, in app.ts, constructor, platform is ready: if (platform.is('ios')) { let appEl = (document.g
解决移动端开发时输入法将footer顶上去问题
最新发布
m0_56983341的博客
09-01 172
移动端底部footer步输入法顶上去的解决方法
ionic android下tab位置问题
u010576965的专栏
03-17 2111
在android下，tab位置为top，如果想修改其位置在底部，需要在app.js最后加上 .config(function($stateProvider, $urlRouterProvider, $ionicConfigProvider) { $ionicConfigProvider.tabs.position('bottom'); });
ionic开发中，输入法键盘弹出遮挡住div元素
weixin_33980459的博客
02-14 496
采用ionic 开发中，遇到键盘弹出遮挡元素的问题。 以登陆页面为例，输入用户名和密码时，键盘遮挡了登陆按钮。 最终采用自定义指令解决了问题： 　　 1 .directive('popupKeyBoardShow', [function ($rootScope, $ionicPlatform, $timeout, $ionicHistory, $cordovaKeyboard)...
Ionic4--输入框键盘遮挡问题
吕阿蒙的博客
08-19 2032
问题：键盘遮挡输入框、底部栏和键盘一起移动 方案一：ionFocus、 ionBlur 监听输入框的焦点获取 HTML <ion-input placeholder="请输入用户名" [(ngModel)]="username" (ionFocus)="focusInput()" (ionBlur)="blurInput()"> JS focusInput() { ...
IONIC键盘弹出防止页面Header（title位置）自动上移位置（消失）
天外野草技术专栏
09-05 9684
近两年由于html5技术的普及，混合类应用在移动市场占据了大量的份额，但是如果想用html5技术达到native的效果，还需要一点努力的。比如在混合应用中，当页面空间不是很足的时候，点击输入框弹出键盘，header会自动向上移动，直到消失，此效果只发生在ios上，那我们应该如何解决呢？我再项目中应用到了ionic，就以ionic为例，说一下我的解决方案。安装插件cordova plugin add
Ionic4/5设置沉浸式状态栏之后，键盘弹出挡住输入框问题解决办法
僵小蛋的博客
03-28 4480
在Android中，如设置沉浸式，键盘弹出便就将输入框内容挡住，很不友好，下面附上我自己的解决思路，键盘弹出的时候，给ion-content设置键盘的高度paddingBottom, 然后使ion-content组件滚动到对应的输入框位置： 建立一个指令组件，以指令的方式在输入框中使用 import { Platform } from '@ionic/angular'; @Directive(...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值