NativeWind

metro.config.js            # Metro bundler with NativeWind transformer
tailwind.config.js         # Tailwind config with NativeWind preset
nativewind-env.d.ts        # TypeScript types for className prop
src/styles/globals.css     # Tailwind directives entry point

const { getDefaultConfig } = require('expo/metro-config');
const { withNativeWind } = require('nativewind/metro');

const config = getDefaultConfig(__dirname);

module.exports = withNativeWind(config, { input: './src/styles/globals.css' });

const { nativewindPreset } = require('nativewind/tailwind/preset');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}'],
  presets: [nativewindPreset],
  theme: {
    extend: {},
  },
  plugins: [],
};