Избегайте нажатия на заголовок с помощью KeyboardAvoidingView

Question

У меня есть компонент контейнера в навигаторе стека с заголовком сверху, скроллвью, содержащим сообщения и элемент ввода

Когда я фокусирую ввод, все окно выдвигается вверх, скрывая также заголовок

Как мне избежать этого поведения?

Это компонент, который я использую:

class Chat extends Component {
  static navigationOptions = ({navigation}) => {
    return {
      headerTitle: (
        <Header
          user={navigation.getParam('chat').partecipants[0]}
          headerClick={() => navigation.getParam('openProfile')()}
        />
      )
    }
  }

.....

  render() {
    ...
    return (
  <KeyboardAvoidingView
      style={{flex: 1}}
      behavior={'padding'}
      >
      <ScrollView>
        {messages}
      </ScrollView>
      <Input sendMessage={(m) => this.props.sendMessage(chat, m)}/>
    </KeyboardAvoidingView>

    )
  }
}

Answer 1

В androidmanifest.xml Изменить --- android: windowSoftInputMode = "AdjustResize" --- на --- android: windowSoftInputMode = "AdjustPan" ---

Answer 2

Используйте KeyboardAwareScrollView, он позволяет указывать дополнительную высоту опоры над клавиатурой

Answer 3

Кажется, что существует существующая ошибка с KeyboardAvoidingView, когда StatusBar установлен в скрытое значение https://github.com/facebook/react-native/issues/12980

Снятие скрытого флажка ведет себя нормально