Question: How to write styles with a deep structure in react native?

I really like styled-components, it is great, thank you @mxstbr for a this module.

I’m trying to use it with react native, but cannot find a way to describe this case:

style: {
  transform: [
    { perspective: 850 },
    { translateX: - Dimensions.get('window').width * 0.24 },
    { rotateY: '60deg'},
  ],
}

export default styled.View`
  transform: ???;
`;

Is it possible? Thank you in advance.

[JamieDixon]

In CSS I think this would look like:

perspective: 850;
transform: translateX(-123) rotateY(60deg)

Where perspective is a valid stand-alone CSS property and translateX sand rotateY are both function values that are composed with a space.

The styled-component could be: (My React Native is sketchy at best)

export default styled.View`
   perspective: 850;
   transform: translateX(-${Dimensions.get('window').width * 0.24}) rotateY(60deg);
`

[mxstbr]

Closing in favor of #210, which will add support for this!