Блог

Я все еще новичок в 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 .

Я думаю, что на данный момент это невозможно в React Native. Я только что понял, что, возможно, Instagram не предоставляет эту функцию в своем чате.

Если кто-то, читающий это в будущем, знает правильную реализацию или решение для этого, пожалуйста, напишите ответ. На данный момент я просто отказался от идеи использования липких заголовков в перевернутом списке в моем приложении для чата. Спасибо : (