does it support Platform.select?

[sibelius]

in StyleSheet we can have this:

separatorAndroid: {
    marginTop: 0,
    marginBottom: 0,
    marginLeft: 0,
    marginRight: 0,
    ...Platform.select({
      ios: {
        height: 0,
        backgroundColor: '#ffffff',
      },
      android: {
        height: 10,
        backgroundColor: '#EEEEEE',
      },
    }),
  },

how this works on styled-components?

[jacobp100]

I think you have the wrong repo, but in SC, you can just interpolate this.

styled`
  color: ${Platform.select({ iOS: 'red', android: 'blue' })};
`

[fakenickels]

hey @jacobp100, first of all, thanks for the great lib!

I know this is already closed, but do you think it would be out of the scope of css-to-react-native creating a Platform.select shorthand with this syntax:

const Wrapper = styled.View`
 @media android { background-color: red; }
 @media ios { background-color: blue; }
`

or maybe

const Wrapper = styled.View`
 @platform android { background-color: red; }
 @platform ios { background-color: blue; }
`

[jacobp100]

So this library just takes property and value pairs instead of blocks of CSS. You could ask on the styled-components repo—that shouldn't be too hard to implement.