ionic项目中 软键盘弹出之后的问题：

时间：2021-03-09 00:36:34

Android SDK目前提供的软键盘弹出模式接口只有两种：

　　　　一是弹出时自动回冲界面，将所有元素上顶；
　　　　一种则是不重绘界面，直接将控件元素遮住；
 
 
1. ionic 中弹出键盘遮挡住输入框（覆盖住页面的内容）：
　　需要在ionic platform add android 添加平台之后，在生成的 AndroidManifest.xml文件中找到以下代码： 
<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" 
          android:label="@string/activity_name" 
          android:launchMode="singleTop" 
          android:name="MainActivity" 
          android:theme="@android:style/Theme.DeviceDefault.NoActionBar" 
          android:windowSoftInputMode="adjustPan|stateHidden">
     <intent-filter android:label="@string/launcher_name">
           <action android:name="android.intent.action.MAIN" />
           <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
</activity>

其中的设置为：android:windowSoftInputMode="adjustPan|stateHidden" --软键盘就可以将内容覆盖了，而不是顶将所有内容顶上去；

此时如果底部有输入框，聚焦的时候，弹出将会遮挡住输入的内容，不方便查看，所以还要在$ionicPlatform.ready中设置：

ionic.Platform.isFullScreen = true；

djustResize为Ionic推荐设置，但是如果处于一些原因你使用了 adjustPan，那么你需要设置 ionic.Platform.isFullScreen = true；
<activity android:windowSoftInputMode="adjustResize">
 
 
2. 软键盘弹出后，将页面图片的高度压缩问题：（我的登录页面是用了一整张图片）
 
AndroidManifest.xml文件中界面对应的<activity>里加入
android:windowSoftInputMode= "adjustPan"    键盘就会覆盖屏幕
android:windowSoftInputMode= "stateVisible|adjustResize"    屏幕整体上移
android:windowSoftInputMode="adjustPan|stateHidden" 软键盘弹出，界面布局不变，这是解决弹出软键盘，界面整体被压缩的方式
 
 
标签：

相关文章