How to Implement Tailwind CSS in React Native Application 🔥🔥|| Two Different Ways

#Tailwind CSS
#React Native
How to Implement Tailwind CSS in React Native

Step 1: To create React Native App
Command:- expo init myapp

Step 2: Go to Website Link-

Command:-
Npm:- npm install tailwind-react-native-classnames
Yarn:- yarn add tailwind-react-native-classnames

import tw from "tailwind-react-native-class names";
style={tw`flex-1 justify-center items-center`}

Second Way:-
How to Implement Tailwind CSS in React Native

Step 1: To create React Native App
Command:- expo init myapp

Step 2: Go to Website Link-

Step 3:
Npm:- npm install tailwind-rn;
Yarn:- yarn add tailwind-rn;

import tw from "tailwind-rn";
style={tw(`flex-1 justify-center items-center`)}

Hope you guy's Like my Video if is so then Subscribe to my channel

my youtube::

my Facebook:

my Instagram ID::

[davidmhanlon]

Can you show how to use customized tailwind config file with tailwind-rn?

[priyankagupta-jszz]

can we use any vs code extension for this tailwind autocomplete as its working fine in react js code not in react native

[moritzheckl]

I have an issue when changing the view style={tw"flex-1 justify-center items-center"}.
The text still gets displayed on the top left corner. Do you know how to fix this?

[MonkeyVlogsSince]

You don't need to change. In config file