[react native]tailwindcss 적용법

1. npm install nativewind를 친다.

2. npm install --dev tailwindcss를 친다.

3. npx tailwindcss init 를 친다.

4.tailwindcss.config.js를 수정한다

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

콘텐트에서 필요한 모든 폴더 다 적어준다.

5. babel.config.js파일을 수정한다

module.exports = function(api) {
  api.cache(true);
  return {
    presets: ['babel-preset-expo'],
    plugins: ['nativewind/babel'],
  };
};

위에꺼 작성할 때, 큰따옴표랑 작은따옴표랑 셋뚜셋뚜 맞추자!!