Stack Overflow
Stack Overflow

Questions tagged [nativewind]

14 questions
4
votes
1 answer

Typescript error Use process(css).then(cb) to work with async plugins

I'm starting with React Native using Nativewind and I get this error. iOS Bundling failed 1748ms error: App.tsx: /Users/gcortinez/Projects/eynurse/eynurse-rn/eynurse_app/App.tsx: Use process(css).then(cb) to work with async plugins Anyone with the…
Gustavo Cortinez
  • 41
  • 2
1
vote
1 answer

How to style child elements with nativewind

I'm trying to set the color of the text of all elements in a View to a specific color, this can be done with practicaly any class pretty easily in tailwind by simply giving the class you want to the parent element, like this: import { Text, View }…
Christopher Poulsen
  • 129
  • 7
0
votes
1 answer

Error while integrating TailwindCSS (Nativewind) with React Native 18 + Expo 49 in TypeScript

I'm trying to set up a project using React Native 18, Expo 49, TailwindCSS (Nativewind), and TypeScript. However, I'm encountering an issue while attempting to compile my TypeScript code with TailwindCSS. Here's the setup I have: This is the code…
Mathew Agustin Bella
  • 85
  • 11
0
votes
0 answers

Native Wind not working with expo project in ReactNaive

Could someone please assist me in resolving this issue? Despite trying various solutions, I'm puzzled as to why Tailwind isn't functioning properly in my ReactNative expo project. here is my App.js import { StatusBar } from 'expo-status-bar'; import…
Taimoor Hamza
  • 1
  • 1
0
votes
0 answers

does nativewind support responsivity?

Iam trying to use nativewind responsivity, because different mobile screens got different ratio and resolution. What i am trying to do is: className="w-64 h-64 md:w-34 md:h-34 sm:w-22 sm:h-22 mb-8 rounded-full" But seems responsivity is not working…
Pires
  • 1
0
votes
0 answers

Nativewind toggling Dark mode with custom color schemes

I have a React Native project leveraging Nativewind. I have dark mode toggle working and and am trying to use the same methodology as the default Tailwind scheme i.e. …
SKeney
  • 1,965
  • 2
  • 8
  • 30
0
votes
1 answer

Development server returned response error code:500 in reactNative adding nativewind nativewind component library

Stuck in Error while Adding Tailwind CSS Library (Nativewind) to React Native App - Seeking Community Help Hey fellow developers, I hope you're all doing well! I'm currently facing a challenging issue while trying to integrate the Tailwind CSS…
Jayesh Gadhok
  • 39
  • 1
  • 6
0
votes
1 answer

NativeWind in an NX project with react native (expo) not working

I've followed the documentation on the NativeWind site to setup NativeWind with me React native application, but it doesn't seem to be working. I have several other react projects running with Tailwind (CRA and NextJS), but can't get this to…
Salman
  • 1,109
  • 3
  • 25
  • 55
0
votes
0 answers

Tailwind CSS not working with React Native EXPO app that is configured correctly

Tailwind css already cinfigured in a freshly created new react native expo app. But tailwind does not work even though project is configured according to the docs. package.json file { "name": "test", "version": "1.0.0", "main":…
Ruchika 99
  • 1
0
votes
0 answers

Nativewind not working in both android and web expo

I Set up a project in expo Nativewind for both web and android platforms. But getting errors in the CSS file. But project is running in web. Android Bundling failed 2084ms Unable to resolve "./styles.css" from "App.tsx" styles.css @tailwind…
Supriya Gorai
  • 352
  • 3
  • 16
0
votes
0 answers

How to add hover effect in React Native for mobile and web app?

I am developing an application using React Native and I would like to create a consistent user experience for both mobile devices and the web. However, I'm facing difficulties in replicating the :hover effect in React Native for the web version of…
Lucas
  • 1
0
votes
0 answers

React Native with NativeWind styling landscape orientation: space-x not working

I'm trying to get up to speed with React Native & NativeWind but I seem to be having an issue with the orientation modifier and device rotation. I'm following a Udemy course, trying to build a demo app, and this is what I've got so far: It mostly…
Simon
  • 1,354
  • 1
  • 14
  • 18
0
votes
0 answers

Nativewind with React-native, does NOT show an image on the web

I am fairly new to coding and am trying out Nativewind for my react native app, I'm using expo and testing live with the web compiler as well as an Android emulator. The following code works fine on the android emulator, both the text showing as red…
foreff
  • 33
  • 5
0
votes
1 answer

Transition for TextInput width in React Native Expo app using Tailwind/NativeWind

In a React Native Expo app, there is a TextInput whose width can change due to having the Tailwind/Nativewind className="flex-grow when the Pressable component gets hidden. Is there a way to animate the change in width of the TextInput component so…
Athena Wisdom
  • 6,101
  • 9
  • 36
  • 60