Style Object Creation in React Native

First of all, I love styled components, so thank you guys a lot!!!

I have a question about react-native styles. Can I somehow generate a style sheet like object for react native with styled components. Many React Native components take several style objects, e.g. ScrollView (which takes an additional contentContainerStyle) or react navigation components (which take several styles in their factory methods), it would be nice to define those styles with styled components as well, including the use of theme variables. I would have expected the css function to do something like that on native, but that doesn’t seem to be the case.

[wood1986]

v5 still does not support this natively

const SectionList = styled.SectionList.attrs((props: SectionListProps) => ({
  contentContainerStyle: css`
    "width": ${props.width}px;
    "margin": "auto";
    "padding-vertical": ${props.gripGap}px;
  `
}))``;

Any update?

[MrLoh]

I built a tiny lib for convenience a while back. https://github.com/MrLoh/styled-css