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

Question

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

我想使用带有列间隔属性的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"
  }
});

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

Answer 1

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

例如：

row: {
  flex: 1,
  justifyContent: 'flex-start' // add this
}