2016-06-09 2 views
0

Попытка решить эту проблему за последние пару дней безрезультатно.Android-клавиатура смещает ионное содержание, нажимая его вверх

Я попробовал несколько различных предложений: How to prevent keyboard push up webview at iOS app using phonegap

https://forum.ionicframework.com/t/ios-keyboard-push-content-out-of-view/6715/last

https://github.com/driftyco/ionic/issues/5432

Но никто из них не похоже на работу, или по крайней мере не решать мою проблему.

Я реализовал «ионную упругую чат» функцию в моем приложении: https://codepen.io/rossmartin/pen/XJmpQr

однако, когда я сосредотачиваюсь на входе текстовое поле, клавиатура не покрывает ионного содержания, но смещает его по-видимому, высота клавиатуры.

enter image description here Тестовое сообщение, которое я должен был «вслепую» ввести и нажать кнопку аппаратного возврата для исчезновения клавиатуры и вернуться к нормальной работе.

Эта проблема также возникает на другом экране, однако это происходит ТОЛЬКО в первый раз, когда я фокусируюсь на своей строке поиска, но каждый последующий раз это нормально.

enter image description here Как вы можете видеть здесь, оно подталкивает его, и вы можете видеть, где находится курсор.

Моего app.jssettings

 ionic.Platform.isFullScreen = true; 
     if (window.cordova && window.cordova.plugins.Keyboard) { 
      cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
      cordova.plugins.Keyboard.disableScroll(true); 
     } 

и я попытался выполнить дополнительные настройки:

window.addEventListener('native.keyboardshow', keyboardShowHandler); 

    function keyboardShowHandler(e){ 
     setTimeout(function() { 
      $('html, body').animate({ scrollTop: 0 }, 1000); 
     }, 0); 
    }  

ответ

4

Наконец мне удалось это исправить, только после того, как я отправил этот вопрос:

Для кого-то еще, что может возникнуть проблема, что для меня работало:

В AndroidManifes t.xml (находится в каталоге платформ \ android), измените атрибут на:

android:windowSoftInputMode="adjustPan" 

<activity 
    ... 
    ... 
    android:windowSoftInputMode="adjustPan"> 
... 
</activity> 
+0

Большое вам спасибо! После нескольких часов поиска это решило мою проблему :) – Boldizsar

Смежные вопросы