nativewind/website/docs/api/StyledComponent.md

sidebar_position, title, sidebar_label

sidebar_position	title	sidebar_label
3	StyledComponent	<StyledComponent />

StyledComponent is the component version of styled accepts your component as a prop.

StyledComponent will pass all props to your component, except for tw and className which it will convert into StyledSheet objects and will pass them to your component via the style prop.

There is no difference between tw and className, but tw has priority.

import { Text } from "react-native";
import { StyledComponent } from "tailwindcss-react-native";

export function MyComponent() {
  return (
    <>
      <StyledComponent component={Text} tw="font-bold">
        Hello world
      </StyledComponent>
      <StyledComponent component={Text} className="font-bold">
        Hello world
      </StyledComponent>
    </>
  );
}