jaredh159 / tailwind-react-native-classnames

simple, expressive API for tailwindcss + react-native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

`screen` unknown or invalid utility

Siumauricio opened this issue · comments

Hi, first of all thanks for this great library!

I noticed some properties don't work or maybe I'm doing something wrong.

w-screen, h-screen, border-none

and the error is something like this screen unknown or invalid utility
also for the border it's -none unknown or invalid utility

image

import tw from 'twrnc';

I tried to remove the border, but nothing works, only works if i use like border-t-0 and border-b-0

      <CalendarPicker
        allowRangeSelection
        showDayStragglers
        dayLabelsWrapper={tw`h-screen border-none`} <-- Here
        todayBackgroundColor="#000000"
        selectedDayColor="#000000"
        minDate={moment().add(1, 'day').toDate()}
        selectedDayTextColor="#ffffff"
        allowBackwardRangeSelect
        onDateChange={(date, type) => {
          console.log(type);
        }}
      />

Tailwind config

 /** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./index.{js,jsx,ts,tsx}', './src/**/*.{js,jsx,ts,tsx}'],
  theme: {
    extend: {},
  },
  plugins: [],
};

regarding border-none -- that utility is not supported, because there is no concept of "none" for a border style in RN native, see here:

https://reactnative.dev/docs/view-style-props#borderstyle

but w-screen and h-screen should work, provided you used the useDeviceContext() hook properly, as described in the readme. did you do that?

Thanks!, I tought it doesn't was necessary