-
-
Notifications
You must be signed in to change notification settings - Fork 237
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
v4 cssInterop does not work with custom native component #891
Comments
I managed to get this working, seems the import {requireNativeComponent, ViewStyle} from 'react-native'
import {cssInterop} from 'nativewind'
export const BlurViewNative = requireNativeComponent<{
children?: any
onLayout?: (e: any) => void
startColor?: string
endColor?: string
style?: ViewStyle
cornerRadius?: number
disabled?: boolean
className?: string
}>('BlurView')
export const BlurView = (props: any) => {
return <BlurViewNative {...props} />
}
cssInterop(BlurView, {
className: 'style',
}) Is this a bug? I'm not sure, maybe at least it needs to be documented properly |
@ospfranco Is this still an issue for you? |
Yeah, the last comment showed how i worked around it |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Describe the bug
I'm trying to apply native wind styles to a native component, the component is very bare-bones:
When I try to import it and apply
cssInterop
to it:However on runtime I get the following error:
The text was updated successfully, but these errors were encountered: