В React Native, как я могу получить ScrollView и InputAccessoryView, чтобы избежать клавиатуры? - PullRequest
Новая
       71

В React Native, как я могу получить ScrollView и InputAccessoryView, чтобы избежать клавиатуры?

0 голосов
/ 06 марта 2019

Я пытаюсь создать iMessage, похожий на ввод текста, где содержимое ScrollView перемещается вверх, когда отображается клавиатура, и вниз, когда клавиатура перетаскивается. В репозитории React Native на Github есть пример InputAccessoryViewExample.js , который почти соответствует тому, что я хочу, кроме случаев, когда отображается клавиатура, содержимое ScrollView (сообщения) покрывается клавиатурой.

Я попробовал несколько вариантов следующего безуспешно. 

      <>
        <KeyboardAvoidingView style={{flex: 1}} behavior="padding">
          <ScrollView style={{flex: 1}} keyboardDismissMode="interactive">
            {Array(15)
              .fill()
              .map((_, i) => <Message key={i} />)}
          </ScrollView>
        </KeyboardAvoidingView>
        <InputAccessoryView backgroundColor="#fffffff7">
          <TextInputBar />
        </InputAccessoryView>
      </>
...