Support for Nativewind v4

[Helaers]

Description

Support for Nativewind v4. (It worked perfectly with Nativewind v2)

Expected Behavior

 <Calendar
        className="p-3 mb-5 shadow-md rounded-md"

Should apply these styles to the wrapper.

Observed Behavior

Nothing happens now. I need to fallback to inline styles.

 <Calendar
        style={{
          padding: 12,
          borderRadius: 10,
          marginBottom: 20,
          shadowColor: '#000',
          shadowOffset: {
            width: 0,
            height: 3,
          },
          shadowOpacity: 0.1,
          shadowRadius: 7,
        }}

Environment

Please run these commands in the project folder and fill in their results:

• npm ls react-native-calendars: react-native-calendars@1.1305.0
• npm ls react-native: react-native@0.74.1

Also specify:

1. Device/emulator/simulator & OS version: iOS 17.5

Reproducible Demo

No demo. Tailwind classes don't work, inline styles do.

Screenshots

Screenshots or gifs of the issue and the suggested fix will help us move faster with the review process.

[christophemenager]

@Helaers Is nativewind v4 released?

[pvinis]

According to this, very very soon. https://x.com/nativewindcss/status/1823061543283720631

[christophemenager]

Good to know! 😊