在React Native中,如何获取ScrollView和InputAccessoryView来避免键盘?

时间:2019-03-05 22:51:45

标签: react-native react-native-ios react-native-scrollview

我正在尝试创建类似粘性文本输入的iMessage,其中在显示键盘时ScrollView内容向上移动,而在键盘关闭时将其向下移动。在Github上的React Native存储库中,有一个示例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>
      </>

0 个答案:

没有答案
相关问题