Tag feed

#nativewind

20 posts

ARAbdul Rahman Ahmadzaiabdul-rahman-ahmadzai.hashnode.dev

Tailwind CSS || Native Wind in React Native

Tailwind setup in React Native is failing—maybe Babel or Metro bundler isn’t configured properly. I tried setting up NativeWind with Tailwind, but the app keeps ignoring my class names.

5d ago1 min read

ARAnandu Reghuanandureghu.hashnode.dev

🚀 How to Install Tailwind CSS (v3) in an Expo React Native Project using NativeWind

Tailwind CSS is a joy to use on the web. Utility classes. Lightning-fast styling. Minimal CSS drama. But here’s the catch:Standard Tailwind CSS only supports the web platform. React Native? Different universe. To bring Tailwind-style utility classes ...

Feb 123 min read

TITech Insights Hubtopperblog.hashnode.dev

NativeWind Tailwind for React Native: Style Mobile Apps Fast

NativeWind Tailwind for React Native: Style Mobile Apps Fast The Mobile App That Took 6 Months (And How to Do It in 6 Weeks) Last year, our team rebuilt our mobile app from scratch. Here's what actually worked. Table of Contents Mobile Development i...

Feb 125 min read

OBOlamiji Badmosolamijibadmos.hashnode.dev

From Web apps to Mobile apps

As a web developer, your first reaction to mobile development might be a mix of curiosity and hesitation. You might be asking yourself, "Why do I need to learn a whole new stack?" or "Where do I even begin?" If those thoughts are running through your...

Jan 58 min read

IRinzamam rafaqatinzeecodereactnative.hashnode.dev

🚀 React Native Complete Modern Guide (0.76+) — Components, Hooks, Navigation & More

Introduction Hey there! 👋 If you’re learning React Native in 2024, it can be overwhelming with so many components, hooks, libraries, and best practices. Don’t worry—I’ve got you covered! In this guide, we’ll cover: Core components like View, Text, ...

Nov 14, 20255 min read

SJSamuel Josephsammytdev.hashnode.dev

🚨 [48 Hours Lost] NativeWind + Expo Router = "Couldn't find a navigation context" Nightmare

I just spent nearly 48 hours debugging an error in my Expo Router app that had nothing to do with what the error said.If you’re using NativeWind + React Navigation + Expo Router — this post is for you. Save your time and sanity. 🔥 The Error "Couldn...

Aug 12, 20253 min read

SDSibu dhitalreact-native-tailwindcss-nativewind.hashnode.dev

🚀 Setting Up TailwindCSS in React Native Using NativeWind

TailwindCSS has become one of the most popular utility-first CSS frameworks for web development. But did you know you can now bring the power of Tailwind to your React Native projects too? With NativeWind, styling your mobile app becomes faster, more...

Apr 7, 20252 min read

PDPrakash Dasprakshh.hashnode.dev

Styling in React Native: Inline Styles vs Common Issues with NativeWind and Their Fixes

When working with React Native, developers have several options for styling their applications. One of the most common approaches is using inline styles with JavaScript objects, but frameworks like Tailwind CSS—or more specifically, NativeWind for Re...

Sep 21, 20246 min read

HPHiren Patelihirendev.hashnode.dev

How to implement custom fonts for the Expo React Native app with Tailwind/Nativewind CSS?

In mobile app development, aesthetics are key to creating a memorable user experience. Using custom fonts is one of the best ways to personalize and improve your app's look. Whether you want a modern, playful, or classic design, custom fonts can help...

Sep 18, 20243 min read

ASAjay Singhwhosinghajay.hashnode.dev

Learn How to setup TailwindCSS(NativewindCss) in your React-Native Application

Step 1: Install nativewind and tailwindcss tailwindcss is not used during runtime so it can be added as a development dependency. npm install nativewind npm install --save-dev tailwindcss@3.3.2 Step 2: Run npx tailwindcss init to create a tailwind.c...

Sep 17, 20242 min read

Search Hashnode