Горизонтальный секционный список с липким заголовком в React Native?

Question

Мне удалось отобразить список разделов в React Native с горизонтальным = {true}, но когда у меня возникли две проблемы с заголовком раздела.

1. Заголовок отображается как частьсписок, а не над ним.
2. Даже с stickySectionHeadersEnabled = {true}, заголовок не придерживается и прокручивается вместе со списком.

Ожидается

Как это выглядит на самом деле

Answer 1

horizontal является опорой ScrollView. Установка horizontal={true} сделает каждый дочерний компонент ScrollView визуализированным по горизонтали, будь то верхний или нижний колонтитул или пустой компонент. Если вам нужен макет как то, что вы нарисовали в разделе «Ожидаемый», вы должны сделать для этого отдельный View.

Имеет смысл сделать все горизонтально в строке, если вы устанавливаете horizontal в true. Если SectionList отображается горизонтально, его секции должны располагаться горизонтально. Если вы не дадите заголовок раздела между двумя разделами, как пользователь будет различать два раздела? Если вы хотите, чтобы заголовок раздела начинался с начала нового раздела, это относится именно к вам, и вам, возможно, придется написать собственную реализацию этого.