another react native grid

grid.js

const FlexibleGrid = ({ columns, children }) => {
  const columnWidth = 100 / columns;

  return (
    <View style={{ flexDirection: "row", flexWrap: "wrap" }}>
      {React.Children.map(children, (child, index) => {
        return (
          <View
            key={index}
            style={{
              height: "100%",
              width: `${columnWidth}%`,
              aspectRatio: 1,
            }}>
            {child}
          </View>
        );
      })}
    </View>
  );
};

    <FlexibleGrid columns={3}>
        <Text>1</Text>
        <Text>2</Text>
        <Text>3</Text>
        <Text>4</Text>
        <Text>5</Text>
      </FlexibleGrid>