前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Ionic3学习笔记(九)关于 Android 端软键盘弹出后界面被压缩的问题

Ionic3学习笔记(九)关于 Android 端软键盘弹出后界面被压缩的问题

作者头像
Theo Tsao
发布2018-09-07 16:15:08
9070
发布2018-09-07 16:15:08
举报
文章被收录于专栏:Theo TsaoTheo Tsao

今天做了一个登录注册页,iOS 端毫无 bug,Android 端却出现了问题。当软键盘弹出后,Android 端的 tabs 移到了软键盘的上面,再仔细一看,整个界面都被压扁了,输入框也不知道去哪儿了。

于是去翻 Ionic Native - Keyboard 文档,并未发现有能解决该问题的方法。于是又想到是不是 android:windowSoftInputMode 属性出了问题,打开 AndroidManifest.xml,发现 Ionic 3 将 android:windowSoftInputMode 属性默认设置为 adjustResize 值,将属性值修改为 adjustPan|stateHidden,问题完美解决。

接下来就详解一下 android:windowSoftInputMode 属性。

属性值一共有以下9个:stateUnspecifiedstateUnchangedstateHiddenstateAlwaysHiddenstateVisiblestateAlwaysVisibleadjustUnspecifiedadjustResizeadjustPan

stateUnspecified 未指定软键盘的状态,系统将自动选择一个合适的状态或依赖于主题中的设置。

stateUnchanged 当前界面的软键盘状态取决于上一个界面的软键盘状态。

stateHidden 用户选择 Activity 时,软键盘总是被隐藏。

stateAlwaysHidden 当该 Activity 主窗口有输入需求时,软键盘总是被隐藏。

stateVisible 软键盘通常可见。

stateAlwaysVisible 用户选择 Activity 时,软键盘总是可见。

adjustUnspecified 未指定软键盘与界面内容之间的显示关系。

adjustResize 该 Activity 总是调整屏幕的大小以便留出软键盘的空间。

adjustPan 当前窗口的内容将自动移动以便当前焦点从不被键盘覆盖和用户总能看到输入的内容。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-11-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档