Support for Nativewind v4

Helaers commented 5 months ago

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:

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 commented 5 months ago

@Helaers Is nativewind v4 released?

pvinis commented 3 months ago

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

christophemenager commented 2 months ago

Good to know! 😊

Helaers commented 1 week ago

Seems like v4 is now the default 🙂 https://www.nativewind.dev/

wix / react-native-calendars