All Questions
Tagged with tailwind-css react-native
153
questions
-1
votes
0
answers
28
views
Images not displaying with correct source
I wanna display two images and some logos, also some bottom icons but no image is on screen whatsoever, also there's no error. I can't see what I'm doing wrong.
All the assets are exported in a file ...
0
votes
1
answer
35
views
I can not place what causing NativeWind props to not be recognised in tsx
I am able to call className in jsx file, but not in tsx files. Can someone assist.
The error being thrown is:
No overload matches this call.
Overload 1 of 2, '(props: ViewProps): View', gave the ...
0
votes
0
answers
24
views
tailwindcss darkmode define for react native
I want to set up light and dark mode color configurations for twrnc and tailwindcss so that I can define colors like this:
const colors = {
light: {
red: {
100: "#880808",
....
1
vote
1
answer
111
views
TailwindCSS not working in React Native project
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
...
0
votes
0
answers
49
views
Taiwind styles through className variables not working in ReactNative
I am using
"nativewind": "^2.0.11", as "dependencies"
and
"tailwindcss": "^3.3.2", as "devDependencies"
Normal css styling operations using ...
0
votes
0
answers
21
views
does NativeWind support custom plugin defined in tailwind.config.js
my tailwind.config.js is like this
const plugin = require("tailwindcss/plugin");
module.exports = {
plugins: [
plugin(function ({ addUtilities}) {
addUtilities({
&...
0
votes
1
answer
54
views
custom plugin in tailwind.config.js under Expo is not working
i am using tailwindcss in an Expo project, and i try to use some custom color in custom plugin function,however,i got an error says Error: tailwindcss plugin function argument object prop "colors....
1
vote
1
answer
42
views
NativeWind will transform className into style as an array, can it be one single style object
i use both NativeWind and twrnc in my project.
suppose i have a component looks like this.
import tw from "twrnc";
...
const Test=(props)=>
{
console.log(props);
return <View style=...
-1
votes
1
answer
34
views
Flatlist Scrolling issue Expo React Native
I am creating a Expo React Native Project with Firebase backend.
I want to display posts to my users so that they can vertically scroll it like Instagram reels.
So I used Flatlist from react-native .
...
1
vote
0
answers
94
views
Responsive Design with Tailwind CSS Not Working on Web
I'm new to React Native and Expo, and I'm trying to use Tailwind CSS with twrnc for responsive design, targeting the web platform. Although the styling works, it is not responsive. I suspect there ...
1
vote
0
answers
75
views
Set up of NativeWind with className management libraries
I am working on a React Native with Expo project. I would like to set up NativeWind the same way that I normally use Tailwind. Usually, I install these libraries: clsx and tailwind-merge. Then I used ...
0
votes
0
answers
122
views
Nativewind on ReactNative Expo working but only accepting single option
New Boilerplate project React TS Expo project compiling but I cant apply multiple native wind options
using tabs index.tsx rather than App.tsx
for example i can do
<Text className="text-3xl&...
0
votes
0
answers
36
views
React-Native: SafeAreaView not working in Modal
Following is done for a mobile app on android in react native.
I want to display a text in the center of the screen, however even with a SafeAreaView it is not in the center, it is still a bit off, ...
1
vote
0
answers
24
views
remove the white background in header on createBottomTabNavigator
when i use border radios i got white background and cannot find the issue , can you please help me find the relevant error ?
code :
import React from "react";
import { ...
0
votes
0
answers
74
views
how do i apply nativewind/ tailwind styling across my entire react-native (expo) application?
i have been having issues where i cant see the theme that i have implemented for my react native expo project. I'm not sure what is causing the issue... for reference, no nativewind styling is showing....