키보드가 사라질 때의 Android White 배경

키보드가 사라질 때의 Android White 배경

다른 사용자가 보내온 문제의 동영상은 동일함

https://i.stack.imgur.com/2Jzov.jpg

다음과 같이 배경 이미지가 설정되어 있습니다.

  .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"/>

지금 제가 겪고 있는 문제는 제가 완료/검색을 누른 후 키보드가 사라지면 키보드가 덮은 공간에 대해 전환하는 동안 0.5 정도의 흰색 배경을 남기며 약간 나빠 보인다는 것입니다.

키보드가 닫히면 줄지만 흰 틈이 생깁니다.키보드가 배경 화면을 축소하지 않도록 하려면 어떻게 해야 합니까?

설정할 때

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

그런 일은 없습니다.Ionic Plugin Keyboard도 사용하고 있습니다.

어쨌든 키보드의 전환이 흰색 배경을 표시하지 않도록 할 수 있습니까?

편집 : 다음은 나의 안드로이드 설정입니다.

<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>

및 내 구성 설정

  <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"/>

그리고 패키지에.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"
  ]

웹 보기에서 ion-view 및 ion-content를 사용합니다.

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

AndroidManifest.xml 파일에서 설정을 시도windowSoftInputMode조정할 특성Nothing:

android:windowSoftInputMode="adjustNothing"

소프트 키보드가 켜져 있을 때 코르도바 웹뷰의 크기가 조정되는 것을 피하면서 Ionic 프로젝트에 효과가 있었습니다.

그것은 당신의 것입니다.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>

style.xml 원본에서

윈도우가 소프트 입력 영역을 위한 공간을 만들기 위해 스스로 크기를 조정하기 때문에 발생합니다.

사용하다android:windowSoftInputMode="adjustNothing"AndroidManifest.xml에서

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

이봐, 이 문제에 대한 간단한 해결책이 있습니다.

ion-content에 overflow-scroll="false"를 추가해야 합니다. 이렇게 하면 해결됩니다.

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

관련 주제 이오닉

플랫폼 열기 -> 앱 -> src -> AndroidManifest.xml

편집

android:windowSoftInputMode="adjustResize"

로.

android:windowSoftInputMode="adjustNothing"

이렇게 하면 해결됩니다.

선택기 '앱 로그인'으로 앱 로그인 페이지에 배경을 적용하려고 했습니다.

페이지 안에 디브를 추가하고 배경을 원하는 이미지로 설정했습니다.그런데 키보드를 열 때마다 화면 일부가 키보드 바로 위에서 하얗게 변하고 키보드를 닫은 후에도 하얀 공간이 남았습니다.

높이: 100% 또는 높이: 100vh를 추가해도 문제가 해결되지 않았습니다.일부 기기에서는 해결했지만 다른 기기에서는 해결되지 않았습니다.

이 작업: ion-content나 div에 배경을 추가하는 대신 글로벌 CSS 파일에 들어가서 다음을 추가합니다.

app-login{
  background-image: url("./assets/bg@2x.png");
  background-repeat: no-repeat;
  background-size: cover;
}

CSS 셀렉터를 페이지의 셀렉터로 변경하고 URL을 자신의 이미지로 변경합니다.

'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);
    }

$ionic Platform.ready().

당신의 앱을 검사하여 당신의 코드가 업데이트되었는지 확인해주시기 바랍니다.업데이트가 되지 않으면 플랫폼을 제거하고 추가한 후 앱을 재구축해 보십시오.

언급URL : https://stackoverflow.com/questions/35201412/android-white-background-when-keyboard-fades-away