Реализация секции SectionList с двумя элементами подряд в React Native - PullRequest
Новая
       22

Реализация секции SectionList с двумя элементами подряд в React Native

0 голосов
/ 17 мая 2019

Я использовал Flatlist для реализации двух элементов в строке, используя свойство Horizontal, а также установил для numColumns значение 2, и это прекрасно работает.У меня есть массив около 80 пунктов, и из исследования Flatlist не следует использовать для массивов элементов больше 10. Вместо этого следует использовать SectionList по нескольким причинам, которые имеют смысл для меня.Я попытался реализовать это в SectionList, и он не работает.Это либо весь мой раздел Список горизонтальный или вертикальный.

Вот мой раздел Код списка 

<SectionList
            stickySectionHeadersEnabled={false}
            renderItem={ ({item, index, section}) => <Card data={item}/> }
           renderSectionHeader={({section: {title}}) => (
                  <Text style={globalStyles.sectionHeader}>{title}</Text>
                            )}
           sections={[
                  { title: this.props.titled, data: this.state.datas },
                            ]}
                  keyExtractor={(item, index) => item + index}
                  numColumns={2}
                  horizontal={false}

  />

Пожалуйста, любая идея о том, как решить эту проблему, будет принята с благодарностью.

...