StickyHeaderIndices 在倒置的 FlatList 中无法正常工作

2024-03-06

我对本机反应还是个新手,正在开发一个聊天应用程序。我在用<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.


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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

StickyHeaderIndices 在倒置的 FlatList 中无法正常工作 的相关文章

随机推荐