Mobile | Wed Mar 23 20224,548 views

Tailwind with RN

Tailwind with RN

Welcome back!

About this app

I love using TailwindCSS but it wasn't built for React Native usage. Thankfully I found Tailwind React Native Classnames to make it work with React Native.

Advantages:

  • Apply styles to a specific platform, like iOS or Android.
  • Toggle dark mode.

As you can imagine, there are some limitations.

Disadvantages:

  • Can't use animations
  • Can't use transitions
  • Can't use gradients.

Dependencies

To make this work, you only need to install the following dependency:

yarn add twrnc

If you are using NPM, you can use the following command:

npm i twrnc

Conclusion

I like this library, it's incredible how easy we can apply styles to React Native apps and I love that gives us control over the dark mode.

Youtube GitHub

Go back to Projects

Support Our Community

Take your skills to the next level by enrolling in our courses!

React Native CourseMaster React with TypeScriptMaster Git & GitHubLiveStore Course

Your support helps us continue creating valuable resources for everyone. ❤️