-
Notifications
You must be signed in to change notification settings - Fork 253
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Sign in button in Authenticator.SignIn Component clashes with Nativewind 4 #5145
Comments
Hi @itomtom I installed the Authenticator + NativeWind@v4 in a fresh Expo app and confirmed I see the same behavior of the button element not being visible. I'm not yet sure of the root cause; given that this is integration with another styling library I will keep this open as a feature request for now. Additionally and likely unrelated to this issue, I see that you listed Expo Go. Just a note on that if you are using |
Hi @hbuchel
So it works with Expo Go. What do you think we can do to resolve this issue and can the classes be namespace to avoid this situation? |
Hi @hbuchel |
i have this same issue. i just created my own components. |
Before creating a new issue, please confirm:
On which framework/platform are you having an issue?
React Native
Which UI component?
Authenticator
How is your app built?
Expo Go
What browsers are you seeing the problem on?
iOS (React Native)
Which region are you seeing the problem in?
No response
Please describe your bug.
The Sign In button becomes text white with no background colour when Nativewind v4 is installed.
What's the expected behaviour?
The expected behaviour is for the "Sign in" button to be visible
Help us reproduce the bug!
Code Snippet
metro.config.js
tailwind.config.js
global.css
babel.config.js
Console log output
No response
Additional information and screenshots
There must be conflict in the styling for it to affect the Sign in button.
Another way to potentially address this is to style the button directly however the documentation doesn't provide any example on how to style the Sign In button in React Native.
I also tried to add global css styling but that too did not work.
The text was updated successfully, but these errors were encountered: