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>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