键盘消失时的Android白色背景

来自不同用户的问题video,但其相同

View post on imgur.com

我有一个背景图像设置如下:

.pane { background-image: url("../img/inner-banner-bg.jpg"); background-repeat: repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } 

并在我的config.xml

 <preference name="Fullscreen" value="false"/> 

现在我遇到的问题是,当键盘完成/search后,键盘消失,在键盘覆盖的空间转换过程中,它留下了0.5像白色的背景,看起来有点不好。

当键盘closures时,不缩水,但留下白色的缝隙。 我怎样才能让键盘不缩小在背景下的视图?

当我设置

 <preference name="Fullscreen" value="true"/> 

这不会发生。 我也使用离子插件键盘。

无论如何,我可以让键盘褪色的过渡不显示白色背景?

编辑:这是我的android设置

 <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="adjustResize"> <intent-filter android:label="@string/launcher_name"> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> 

和我的configuration设置

  <access launch-external="yes" origin="geo:*"/> <allow-intent href="geo:*"/> <preference name="webviewbounce" value="false"/> <preference name="UIWebViewBounce" value="false"/> <preference name="DisallowOverscroll" value="true"/> <preference name="android-minSdkVersion" value="16"/> <preference name="BackupWebStorage" value="none"/> <preference name="SplashScreen" value="screen"/> <preference name="SplashScreenDelay" value="4000"/> <preference name="FadeSplashScreen" value="false"/> <preference name="ShowSplashScreenSpinner" value="true"/> <preference name="KeyboardShrinksView" value="false"/> 

并在Package.json

  "dependencies": { "gulp": "^3.5.6", "gulp-sass": "^2.0.4", "gulp-concat": "^2.2.0", "gulp-minify-css": "^0.3.0", "gulp-rename": "^1.2.0" }, "devDependencies": { "bower": "^1.3.3", "gulp-util": "^2.2.14", "shelljs": "^0.3.0" }, "cordovaPlugins": [ "cordova-plugin-device", "cordova-plugin-console", "cordova-plugin-whitelist", "cordova-plugin-splashscreen", "cordova-plugin-statusbar", "cordova-plugin-geolocation", "cordova-plugin-network-information", "ionic-plugin-keyboard" ], "cordovaPlatforms": [ "android", "ios" ] 

在我的networking视图中,我使用离子视图和离子内容

 <ion-view> <ion-content class="has-header has-tabs"> 

Solutions Collecting From Web of "键盘消失时的Android白色背景"

在AndroidManifest.xml文件中,尝试设置windowSoftInputMode属性来调整网友

 android:windowSoftInputMode="adjustNothing" 

它适用于我的离子项目,避免软键盘打开时Cordova webview的大小调整。

那是你的windowBackground窥视。 您可能正在绘制您的主题的白色背景与青色背景。 修改主题以包含更好的背景颜色,并尽可能从布局中移除背景以提高绘图性能。

 <style name="MyAppTheme" parent="Theme.DeviceDefault.NoActionBar"> ... <item name="android:windowBackground">#ff000000</item> ... </style> 

放:

 <style name="AppTheme" parent="AppBaseTheme"> <item name="android:windowBackground">@drawable/gradient</item> </style> 

在styles.xml 源文件中

在你的'App.js'中添加下面的代码。 加

 $window.addEventListener('native.keyboardhide', function (event) { $rootScope.$broadcast('native.keyboardhide', event); }); 

当app.run()方法调用$ window和$ rootScope依赖。 另外,添加

  if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); cordova.plugins.Keyboard.disableScroll(true); } 

在$ ionicPlatform.ready()中。

请通过检查您的应用程序确保您的代码已更新。 如果它没有更新,然后尝试删除并添加平台,并重build您的应用程序。

嘿,这是一个简单的解决方法

你需要添加overflow-scroll =“false”到你的离子内容,这应该修复它

 <ion-content class="padding has-header has-footer" overflow-scroll="false"> 

相关的主题Ionicforum

它的发生是因为窗口的大小本身为软input区域腾出空间

在AndroidManifest.xml中使用android:windowSoftInputMode="adjustNothing"

 <activity android:windowSoftInputMode="adjustNothing" .. ... </activity>