gluestack

gluestack Logogluestack

Styling issue with multiple components on next.js

eitanchud posted this in #support
Open in Discord
Avatar
eitanchudOP
Hello,
I am migrating from Gluestack v1 to v2. Doing this process manually as I am in a monorepo of Expo and Next.js. I managed to configure everything to kinda work both on my web next.js app and expo mobile app.

For some reason, there are some components that the style classes are not being applied on. To name few of them are: Image, Avatar, Pressable. There are probably more but I didn't get the chance to check them out yet.

For example - attached screenshots using the Pressable component. As you can see, I added the 'p-4 bg-black' classes but the padding and the background color are not applied.

Doing the same with the Text component for example, is working as expected.

I added the components using the manual guide from the docs.

Am I missing something?

Thanks a lot!
Image
Image
Image

1 Reply