Feature Request: Intellisense in TailwindCSS React Native tailwind() function 🙏

[tommulkins]

How great would it be if we could also have intellisense inside the tailwind() function provided by https://github.com/vadimdemedes/tailwind-rn package?

For example,

<Text style={tailwind('text-center text-white text-2xl')}>
  SIGN UP
</Text>

Any plans to include this too by any chance? 😄

[bradlc]

Hey @tommulkins. I think tailwindlabs/tailwindcss#7553 would cover this

[jumoel]

Until tailwindlabs/tailwindcss#7553 is done, getting intellisense working in React Native with tailwind-rn is possible by tricking the intellisense plugin :) You can write a HOC to allow className props to work with Tailwind in RN:

function withTailwind(Component) {
  function ComponentWithTailwind({ className, style, ...rest }) {
    const classes = className
      ? Array.isArray(className)
        ? className.flat().filter(Boolean).join(" ")
        : className
      : "";

    return <Component style={[tailwind(classes), style && style]} {...rest} />;
  }

  ComponentWithTailwind.displayName = `withTailWind(${getDisplayName(
    Component
  )})`;

  return ComponentWithTailwind;
}

(More details here: https://www.jumoel.com/posts/tailwind-react-native-classnames)

[realmichaelye]

+1 for this, please add tailwind-rn support

[harshjadon9]

+1
please add tailwind-rn support

[oldo]

@realmichaelye @harshjadon9 this worked for me: tailwindlabs/tailwindcss#7554 (comment)