我对本机反应还是个新手,正在开发一个聊天应用程序。我在用<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(使用前将#替换为@)