React native 3 columns grid, change width to '50%' to get two columns

grid.js

<View style={{ flex: 1, flexDirection: "row", flexWrap: "wrap" }}>
        <Square backgroundColor="red" />
        <Square backgroundColor="pink" />
        <Square backgroundColor="orange" />
        <Square backgroundColor="green" />
        <Square backgroundColor="blue" />
</View>


  const Square = ({ backgroundColor }) => {
    return (
      <View
        style={{
          height: "100%",
          backgroundColor,
          width: "33.333333%",
          aspectRatio: 1,
        }}>
        <Text>{backgroundColor}</Text>
      </View>
    );
  };