Grid issue

[pikpakweb700]

import { View } from "react-native";
import { Button, ButtonText } from "@/components/ui/button";
import { Grid, GridItem } from '@/components/ui/grid';
import { Text } from "@/components/ui/text";
import { Card } from "@/components/ui/card";
import { Heading } from "@/components/ui/heading";
import { HStack } from "@/components/ui/hstack"

export default function Index() {
return (



);
}

function Example() {
return (

<Grid
className="gap-4"
_extra={{
className: "",
}}

<GridItem
  className="bg-background-50 p-3 rounded-md text-center"
  _extra={{
    className: "col-span-6",
  }}
>
  <Text>A</Text>
</GridItem>
<GridItem
  className="bg-background-50 p-3 rounded-md text-center"
  _extra={{
    className: "col-span-6",
  }}
>
  <Text>B</Text>
</GridItem>
<GridItem
  className="bg-background-50 p-3 rounded-md text-center"
  _extra={{
    className: "col-span-6",
  }}
>
  <Text>C</Text>
</GridItem>
<GridItem
  className="bg-background-50 p-3 rounded-md text-center"
  _extra={{
    className: "col-span-6",
  }}
>
  <Text>D</Text>
</GridItem>

) }

hi this is my code for grid this is working fine on web but on android its not working

[Sanchitv3]

Hi! Thanks for sharing — this issue with Grid not working on Android and ios is known and will be fixed soon. Appreciate your patience 🙌