Breaking News: Grepper is joining You.com. Read the official announcement!

tailwind react native

Add Answer

Sorann answered on July 11, 2022 Popularity 10/10 Helpfulness 3/10

answer tailwind react native

related Install tailwindcss-react-native in native app

related how to use tailwind css in react native

tailwind react native

Comment

// this also work with npm install
yarn add nativewind
yarn add --dev tailwindcss
// then initialize tailwind
npx tailwindcss init
// set the content line in your newly created tailwind.config.js
content: ["./App.{js,jsx,ts,tsx}", "./<yourSrcDir>/**/*.{js,jsx,ts,tsx}"]
// if you are using babel, add the plugin in your babel.config.js
// like this :
module.exports = function (api) {
  api.cache(true);
  return {
    presets: ["babel-preset-expo"],
    plugins: ["nativewind/babel"],
  };
};

// now you should be able to use tailwind in your react-native app,
// check the source for more info

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: www.nativewind.dev

Tags: javascript react-native

Link to this answer
Share Copy Link

Contributed on May 02 2023

Sorann

0 Answers Avg Quality 2/10

Closely Related Answers

Install tailwindcss-react-native in native app

Comment

-1

cd my-tailwind-native-app
yarn add tailwindcss-react-native
yarn add --dev tailwindcss

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: tailwindcss-react-native.vercel.app

Tags: native na

Link to this answer
Share Copy Link

Contributed on Jul 11 2022

Fragile Finch

0 Answers Avg Quality 2/10

how to use tailwind css in react native

Comment

-1

//Use TailwindCss in ReactNative 
Install twrnc: npm install twrnc
import tw from "twrnc";
Be sure to install the TailWind CSS Intellisense extension in VS code
Go to the extension settings and add 'style' in Class Attributes
Go to your project root folder and manually create a file named 'tailwind.js' or 'tailwind.config.js'
Start using TWCSS as in the docs: eg; <View style={tw`bg-gray-300 flex flex-1 px-5 pt-20`}>

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 06 2022

Anatu Green

0 Answers Avg Quality 2/10

tailwind react native

Contents

More Related Answers

tailwind react native

Closely Related Answers

Install tailwindcss-react-native in native app

how to use tailwind css in react native

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.