[Feature] Styling components with props other than style

Thank you for this amazing lib!!

Could we style components with props other than style? If not, I am making a feature request.

I am trying to style a Swipeable component. Naturally I wanna keep using NativeWind with all the theme setup. Basically, I would like to use something similar to sx hook in Dripsy but with tailwind class name. eg.

<FlatList
    contentContainerStyle={sx("flex-1 h-full")}
    data={data}
    renderItem={renderItem}
  />

[marklawlor]

Styled will not style nested props. You can fix your issues by simply evaluating the prop you wish to style

const StyledNavigator = styled(
  ({ tabBarLabelStyle, ...props }) => <TabNavigator.Navigator {...props} screenOptions={{ ...props.screenOptions, tabBarLabelStyle }} />, 
  {
    props: {
      tabBarLabelStyle: true
    }
  }
)

[ChrisYohann]

Hi @marklawlor , I did not want to reopen an issue because my problem looks pretty similar, but do you have an example when you have to pass a style object (and you cannot derive a styled component to embed tailwind class names ?)

For example, coming from tailwind-react-native-classnames, I have a BottomTabNavigator from @react-navigation/bottom-tabs and I’m styling the TabBarLabel like this :

    <TabNavigator.Navigator
      screenOptions={{
        headerTitleAlign: 'center',
        headerShadowVisible: false,
        tabBarLabelStyle: tw.style('text-center text-xs font-display'),
      }}
    >
    //...
   </TabNavigator.Navigator>

Do you have an idea of how I can achieve it with nativewind ?

Thanks, and awesome work by the way 😃