React Native FlatList separator between columns

Question

I have a FlatList with multiple columns:

Answer 1

You can provide a margin for each item and a negative margin for the container. This is a very common trick for CSS flex layout.

  renderItem = (sale) => {
    const {item, index} = sale;
    return (
        ### LOOK AT HERE ###
      
    )
  };

  render() {
    return (
    
      
    
    )
  }

Click here to see my work