Клавиатура нажимает на вкладки в ионном андроиде

Question

Я занимаюсь разработкой приложения для IONIC 3, и у меня возникла проблема.Когда я нажимаю на поиск ионов, и в ANDROID открывается клавиатура, она просто выталкивает все содержимое приложения, ломая макет и сжимая содержимое.

и я использую config.xml

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

app.component.ts

this.statusBar.hide();


this.statusBar.overlaysWebView(false)

РАБОТАЕТ!Но когда я перехожу в полноэкранный режим, он скрывает мое дно.

Пожалуйста, помогите мне.

Answer 1

Установите плагин Ionic Native Keyboard и попробуйте следующий код:

  import { Keyboard } from "@ionic-native/keyboard";

  this.keyboard.onKeyboardShow().subscribe((res) => {
    this.tabBarElement = document.querySelector('.tabbar');
    if (this.tabBarElement != null ) {
      this.tabBarElement.style.display = 'none';
    }
});

this.keyboard.onKeyboardHide().subscribe((res) => {
  if (this.tabBarElement != null) {
    this.tabBarElement.style.display = '-webkit-box';
  }
});

Надеюсь, вы поможете этому!Удачного кодирования !!

Answer 2

Попробуйте добавить эту строку в activity тег в Manifest файл android:windowSoftInputMode="adjustPan

Like This

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

Answer 3

Попробуйте добавить этот CSS в файл app.scss.У меня тоже была такая же проблема, и я придумал этот ответ, и этот решил меня.Надеюсь, это поможет вам.

.scroll-content{
  padding-bottom: 0px !important;
  margin-top: 0px;
}

Answer 4

Вы можете обрабатывать UIScrollView от перемещения вверх, когда ввод фокусируется, используя метод disableScroll .

https://ionicframework.com/docs/native/keyboard/