search

gluestack / gluestack-ui

React & React Native Components & Patterns (copy-paste components & patterns crafted with Tailwind CSS (NativeWind))
https://gluestack.io/
MIT License
2.39k stars 114 forks source link

Using the Grid component in react-navigation/bottom-tabs triggers #2479

Open chenerge opened 13 hours ago

chenerge commented 13 hours ago

Description

the warning: "Error: Text strings must be rendered within a component."

CodeSandbox/Snack link

.

Steps to reproduce

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

gluestack-ui Version

3.3.1

Platform

Other Platform

No response

Additional Information

No response

chenerge commented 13 hours ago

import React, {useState} from 'react';

import GuestLayout from '@/layouts/GuestLayout'; import {useNavigation} from '@react-navigation/native'; import { Center, Box, Text, Card, Heading, Avatar, HStack, Icon, VStack, Button, ButtonIcon, GridItem, Grid, } from '@/components/ui'; import {EditIcon, User} from 'lucide-react-native'; import ButtonList from './component/ButtonList';

export const HomeScreen = () => { return (

Kevin James Web Designer 01 02 03 04 05 06

); };

Tshabzz commented 11 hours ago

I'm Having exactly the same error

Viraj-10 commented 10 hours ago

Hey @Tshabzz @chenerge, Could you please share a repository with a minimal reproduction of the issue?