NativeWind v4 for Expo (React Native)

Non‑negotiables (v4)

• Use Tailwind CSS v3 and include presets: [require("nativewind/preset")] in tailwind.config.js.
• Keep exactly one Tailwind entry CSS file (commonly global.css) and keep its path consistent across:
  • metro.config.js → withNativeWind(..., { input: "./global.css" })
  • your app entry → import "./global.css" (or import "../global.css" from app/_layout.tsx)
• Keep nativewind/babel in Babel presets and set jsxImportSource: "nativewind" on babel-preset-expo.
• After any config change, restart Metro without cache: npx expo start --clear.

Quick start checklist

Copy/paste and tick off: