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