平面列表Android项目覆盖

我在我的ReactNative应用程序中有一个平面列表，但我注意到（当交替背景色时）这些项目在一个小空间中相互重叠

其重叠程度的示例如下：

我的风格，基本上是改变颜色（在行中）

const styles=StyleSheet.create({
tableRow：{
填充：5，
flexDirection:“行”，
辩护内容：“间隔空间”，
},
tableBuy：{
backgroundColor:colors.buyBackground
},
表单元：{
背景颜色：colors.sellBackground
},
})
导出默认样式；

我的组件TSX

导出默认类CoinPageHistoryComponent扩展React.Component{
构造函数（道具：CoinPageHistoryProps）{
超级（道具）；
this.state={}；
}
renderHistoryBlock=（{item}）=>
{item.type==“SELL”？“+”：“-”}{item.quantity.toFixed（8）}
{item.rate.toFixed（8）}
{项目总数.toFixed（8）}
公共渲染（）{
返回(
量
比率
全部的
index.toString（）}
onRefresh={（）=>this.props.onRefresh（）}
刷新={this.props.refreshing}
renderItem={this.renderHistoryBlock}
/>
);
}
}

它与哪个部分重叠？在打印（链接）中，您可以看到两行之间有一些白线。在这些空白行的上方是一条较暗的线（项目重叠的地方，它将颜色“相加”，使其变暗）。哪里是

样式。表格

？只需{flex:1}尝试从

样式中删除
flex:1
。表格行项目1

它重叠的部分是什么？在打印（链接）中，您可以看到两行之间的一些白线。在这些空行的上方是一条较暗的线（项目重叠的地方，它将颜色“相加”，使其变暗）。其中是

style.table

？只需{flex:1}尝试从

style.tableRowItem1

中删除

flex:1