styling-nativewind-v4-expo

Accept className, merge defaults, and optionally use a class-variance helper.

Use remapProps (multiple style props) or cssInterop (map a class prop to a style prop).

On Expo Router, do not add your own SafeAreaProvider (Router already does). Use p-safe, pt-safe, etc.

Configura e utilizza NativeWind v4 (Tailwind CSS v3) nelle app Expo React Native, incluso Expo Router. Configura tailwind.config.js, global.css, babel.config.js (jsxImportSource + nativewind/babel), metro.config.js (con NativeWind + input) e app.json (web bundler metro). Risolve i problemi relativi a "nomeclasse non applicabile", compilazione CLI Tailwind e cache Metro. Implementa componenti/varianti riutilizzabili, modalità oscura + temi tramite variabili CSS (vars/useColorScheme) e stili di componenti di terze parti (remapProps/cssInterop). Da utilizzare quando si lavora su progetti Expo utilizzando NativeWind v4, utilità className in stile Tailwind o durante il debug della configurazione di NativeWind. Fonte: tristanmanchester/agent-skills.