I created a React Native app using Expo and tried to use Tailwind CSS with the help of NativeWind. I followed this docs: Read the docs here... Versions: react-native : 0.74.3 nativewind: 2.0.11 typescript: 5.3.3 tailwindcss: 3.3.2 tailwind.config.js: /** @type…
I'm making a custom Button component with React Native & Nativewind. But the styling doesn't work when className is applied to TouchableOpacity. Component: import {TouchableOpacity} from "react-native"; <TouchableOpacity className="border border-red" {...rest}> <View className={cn(base(), className)}> {IconLeft && <IconLeft color={icon()} />} <Text…
i am new with react native and typescript. in this project i want to use the tailwind css and follow instruction at nativewind to config tailwind.config.js like this /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./App.tsx", "./src/**/*.{js,jsx,ts,tsx}", ],…
I am trying to get Nativewind to work on my expo react-native project. But i keep getting the following error: iOS Bundling failed 3618ms (C:Documentsprojectnode_modulesexpo-routerentry.js) error: appindex.jsx: [BABEL] C:Documentsprojectappindex.jsx: .plugins is not a valid Plugin property This is my babel.config.js…
Started Metro Bundler iOS Bundling failed 1903ms App.js: C:UsersTomiwa KukoyiDesktopinfocryptoinfocryptoApp.js: Use process(css).then(cb) to work with async plugins this is the error i keep getting, im using yarn, ive also used the documentation and followed everything through my tailwind config file…