React Native FlatList separator between columns

Question

I have a FlatList with multiple columns:

Answer 1

Sorry, I also did not find a way to add a column separator using properties in the flatlist component. So I just added the view outside the text component in the render item like this:

export default class App extends Component {

 render() {
  return (
   
     (
        
          {item}
        
      )}
    />
   
  );
 }
}

const styles = StyleSheet.create({
 view: {
  paddingTop: 30,
 },
 text: {
  flex: 1,
  fontSize: 40,
  textAlign: 'center'
 },
 separator: {
  flex: 1, 
  borderWidth: 1, 
  borderColor: 'red'
 },
});

And this is the result:

I hope this is can help you. :)