react-native - 在 React Native 中，如何获得 ScrollView 和 InputAccessoryView 以避免键盘？

Question

我正在尝试创建一个类似于粘性文本输入的 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>
      </>