Как получить высоту keyboard до его открытия в react native?

Пользователь

от jaylen.trantow , в категории: JavaScript , 8 месяцев назад

Как получить высоту keyboard до его открытия в react native?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от hanna_jacobson , 8 месяцев назад

@jaylen.trantow 

В React Native высота клавиатуры может быть получена используя библиотеку react-native-keyboard-aware-scroll-view или событие Keyboard из пакета react-native. Оба этих метода позволяют вам отслеживать события открытия и закрытия клавиатуры и получать ее высоту.


Пример использования Keyboard:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
import { Keyboard, KeyboardEvent } from 'react-native';

// ...

componentWillMount() {
  this.keyboardWillShowListener = Keyboard.addListener(
    'keyboardWillShow',
    this.keyboardWillShow,
  );
  this.keyboardWillHideListener = Keyboard.addListener(
    'keyboardWillHide',
    this.keyboardWillHide,
  );
}

componentWillUnmount() {
  this.keyboardWillShowListener.remove();
  this.keyboardWillHideListener.remove();
}

keyboardWillShow = (event: KeyboardEvent) => {
  const keyboardHeight = event.endCoordinates.height;
  // ...
};

keyboardWillHide = () => {
  // ...
};