Sign in button in Authenticator.SignIn Component clashes with Nativewind 4 #5145
Labels
Authenticator
An issue or a feature-request for an Authenticator UI Component
feature-request
Request a new feature
React Native
An issue or a feature-request for React Native platform
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: