React Native-列表项之间的随机线

Question

我尝试使用FlatList和map函数生成条目列表，但是条目之间出现随机线（请参见屏幕截图的蓝色部分）

是什么原因造成的？如何删除它们？

这是我的FlatList：

<FlatList
    data={TriageTransfertData[0].content[0].content}
    renderItem={({ item }) => (
         <View style={styles.subentryContainer}>
           <View style={styles.ttEntryFirst} />
           <View style={styles.ttEntryContentSub}>
             <Text style={styles.ttTextSub}>{item.text}</Text>
           </View>
         </View>
     )}
     keyExtractor={item => item.text} />

这是样式：

subentryContainer: {
    flexDirection: 'row',
    width: '100%',
},
ttEntryFirst: {
    width: '2%',
    backgroundColor: Colors.Blue
},
ttEntryContentSub: {
    width: '98%',
    justifyContent: 'center',
    paddingLeft: responsiveWidth(2),
    paddingTop: 10,
    paddingBottom: 10,
    borderTopWidth: 1,
    borderColor: Colors.GreyLight
},

最后，这是屏幕截图（请注意蓝色区域中不需要的行）：

Answer 1

我认为您是在谈论ItemSeparatorComponent。默认情况下，它在FlatList中呈现，但是您可以通过自定义组件或空白代码函数覆盖它。 这是简短的doc。

希望这会有所帮助！