Сначала вам нужно установить response-native-keysevents .
Затем вернитесь в javascript land:
Вам нужно импортировать сообщения, реагирующие на реакцию на клавиатуре.
var KeyboardEvents = require('react-native-keyboardevents');
var KeyboardEventEmitter = KeyboardEvents.Emitter;
Затем, по вашему мнению, добавьте некоторое состояние для пространства клавиатуры и обновите его от прослушивания событий клавиатуры.
getInitialState: function() {
KeyboardEventEmitter.on(KeyboardEvents.KeyboardDidShowEvent, (frames) => {
this.setState({keyboardSpace: frames.end.height});
});
KeyboardEventEmitter.on(KeyboardEvents.KeyboardWillHideEvent, (frames) => {
this.setState({keyboardSpace: 0});
});
return {
keyboardSpace: 0,
};
},
Наконец, добавьте разделитель к вашей функции рендеринга под всем, чтобы при увеличении размера
Также возможно использовать анимацию api, но для простоты мы просто настраиваем после анимации.