react-native - stickyHeaderIndices 在倒置的 FlatList 中无法正常工作

Question

我对 React Native 还是陌生的，我正在开发一个聊天应用程序。我正在使用 <FlatList />元素以显示一长串消息并添加 inverted支持它，默认显示最后一条消息。但是让我的 FlatList 倒置，扰乱了 stickyHeaderIndices 的功能我用它来显示消息的日期(就像它们在 WhatsApp 中所做的那样)。已经两天了，我一直坚持这一点。

我还附上了 <FlatList/> 的代码片段我正在使用

<FlatList
    style={{ flex: 1 }}
    data={messageList}
    renderItem={this.renderMessage}
    keyExtractor={(item, index) => index.toString()}
    showsVerticalScrollIndicator={false}
    stickyHeaderIndices={stickyHeaders}
    inverted
/>

其中变量 messageList是所有消息的数组，包括我希望显示的标题，this.renderMessage显示单个消息，stickyHeaders是一个数组，其中包含存储在 messageList 中的 header 的索引.

Answer 1

我认为目前在 React Native 中这是不可能的。我刚刚意识到这可能就是 Instagram 不在他们的聊天中提供此功能的原因。

如果以后阅读它的人知道正确的实现或解决方案，请留下答案。现在，我只是放弃了在聊天应用程序的倒排列表中使用粘性标题的想法。谢谢:(