在React Native Flatlist上仅删除第一个和最后一个分隔符

Question

我正在尝试显示带有标头组件的平面列表，但似乎无法删除第一个和最后一个分隔符。

这是我当前渲染项目的方式。

/

非常感谢您的帮助。谢谢！

Answer 1

我认为这对您有用；

          <FlatList
            data={newsData}
            renderItem={({ item, index }) => (
              item.featured === null && this.renderNews(item)
            )}
            keyExtractor={item => item.id.toString()}
            style={styles.container}
            ItemSeparatorComponent={(index===0 || index === newsData.length - 1) ? null : this.renderSeparator}
            ListHeaderComponent={this.renderFeaturedNews}
          />

Answer 2

询问此问题时，FlatList不会发生什么情况，但是目前ItemSeparatorComponenet不会最后生成。

  

在每个项目之间呈现，但不在顶部或底部

了解更多here