Tailwind css in react native

first your have to download tailwind css


npm i nativewind
npm i --dev tailwindcss
// intialize tailwind project
npx tailwindcss init // it will make tailwind config file

tailwind.config.js


/** @type {import('tailwindcss').Config} */
const nativewind = require("nativewind/tailwind/css")
module.exports = {
  content: ["./App.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [nativewind],
}

bable.config.js


module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  // plugins: ["tailwindcss-react-native/babel"],
  plugins: ["nativewind/babel"],
	};