Grid does not work properly in react native expo

[Alireza-Iranpour]

Description

The columns are not respected

CodeSandbox/Snack link

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

gluestack-ui Version

latest

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

import { Grid, GridItem } from "@/components/ui/grid";
import { Text } from "@/components/ui/text";

export default function Example() {
  return (
    <Grid
      className="gap-y-2 gap-x-4 p-5"
      _extra={{
        className: "grid-cols-6",
      }}
    >
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">01</Text>
      </GridItem>
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">02</Text>
      </GridItem>
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">03</Text>
      </GridItem>
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">04</Text>
      </GridItem>
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">05</Text>
      </GridItem>
      <GridItem
        className="bg-background-50 p-4 rounded-md text-center"
        _extra={{
          className: "col-span-2",
        }}
      >
        <Text className="text-sm">06</Text>
      </GridItem>
    </Grid>
  );
}

[Alireza-Iranpour]

https://github.com/gluestack/gluestack-ui/pull/2790/files
This seems to be the fix pending approval

[pigasoo]

but text-center is still not work

[Sanchitv3]

We’ve released an updated version of the Grid component in gluestack-ui with the necessary fixes. You can now update the Grid package to get the fixes. Let us know if you run into any issues!