禁用FlatView上最后一项之间的空间

我在react-native平面视图中遇到问题

我想使用带有columnWrapperStyle属性上的space-between属性的平面视图逐行显示某些项目,但这是结果:

禁用FlatView上最后一项之间的空间

这是代码:

<flatList style={styles.list}
  numColumns={3}
  data={prescriptions}

  renderItem={({ item,index,separators }) => (
    <Card image={item.image} />
  )}
  keyExtractor={item => item.id.toString()}
  columnWrapperStyle={styles.row} 
/>


const styles = StyleSheet.create({
  list: {
    borderColor: 'red',borderWidth: 1,marginTop: normalizeVertical(5)
  },row: {
    flex: 1,justifyContent: "space-between"
  }
});

我想把我的最后一个项目放在上一个项目的旁边,如何处理?

sdn0214 回答:禁用FlatView上最后一项之间的空间

justifyContent: 'flex-start'样式添加justifyContent: "space-between"而不是row

例如:

row: {
  flex: 1,justifyContent: 'flex-start' // add this
}
本文链接:https://www.f2er.com/2977347.html

大家都在问