При создании веб-сайта для мобильных устройств я столкнулся с общей проблемой, когда элемент ввода может быть покрыт экранной клавиатурой на мобильном устройстве при его активации.
Если бы я создавалНативное приложение с React Native, я мог бы использовать KeyboardAvoidingView:
KeyboardAvoidingView
Это компонент для решения общей проблемы представлений, которые необходимо отойти от путивиртуальная клавиатура.Он может автоматически регулировать либо свое положение, либо нижнее заполнение в зависимости от положения клавиатуры.
- https://facebook.github.io/react-native/docs/keyboardavoidingview
Как можно убедиться, что сфокусированный ввод остается видимымкогда активирована экранная клавиатура?
Я рассмотрел прослушивание события resize в окне и фокусировку последнего сфокусированного ввода, но я не уверен, какие побочные эффекты это может иметь, и если это такжизнеспособное решение.