keyboard
作者:本站编辑 发布时间:2015-11-24 来源:本站原创
点击数:
在获取焦点时,它会试图阻止原生的滚动溢出,这可能会导致布局问题,比如将header挤到上面,并超出视野。
键盘修复可以和Ionic键盘插件最好的协同工作,尽管没有它,Ionic键盘插件也会执行良好。然而,如果你使用Cordova的话,就没有理由用该插件。
当键盘显示的时候隐藏
当键盘被打开的时候,要隐藏一个元素,添加hide-on-keyboard-open
类。
<div class="hide-on-keyboard-open"> <div id="google-map"></div> </div>
Android平台注意事项
如果你的app全屏运行,即config.xml
文件内有<preference name="Fullscreen" value="true" />
,你需要手动设置ionic.Platform.isFullScreen = true
。
你可以配置web视图的行为,通过设置android:windowSoftInputMode或adjustPan
来显示键盘,在你app中AndroidManifest.xml
的adjustResize
或 adjustNothing
行为。 adjustResize
为Ionic推荐设置,但是如果处于一些原因你使用了adjustPan
,那么你需要设置ionic.Platform.isFullScreen = true
。
<activity android:windowSoftInputMode="adjustResize">
iOS平台注意事项