Why we use it
Styling is faster and more consistent. Anything you already know from Tailwind on the web works here too.
StyleSheet vs NativeWind
// Built-in StyleSheet
<View style={styles.card}><Text style={styles.title}>Hi</Text></View>
// NativeWind
<View className="rounded-xl bg-white p-4"><Text className="text-lg font-bold">Hi</Text></View>Warning
Setup steps differ between major versions. Always follow the official guide for the version you installed, not an old tutorial.
Learn the plain StyleSheet first (Lab 01), then switch to NativeWind if your team prefers it.
Common problems
className has no effect
Cause
The config doesn't match your installed NativeWind version, or the content paths don't include your files.
Fix
Follow the setup guide for the exact version in your package.json, then restart with a clean cache.
Run
npx expo start --clear