Back
Mobile | Wed Mar 23 2022

Tailwind with RN

Thumbnail

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 GitHubDownload

Go back to Projects