Media queries? about glamorous-native HOT 2 CLOSED

Hey @corysimmons, you're correct that there are no media queries in React Native.

We use react-native-orientation to detect the orientation of the device and Dimensions from react-native to detect the width and height.

We take both of these things and add them to the ThemeProvider to access them in our glamorous components. I've been thinking about breaking this out and open sourcing them for the community. Here's an example of what the final version looks like for us:

import {landscapeStyle, portraitStyle} from './utils/glamorous'

const ResponsiveView = glamorous.view(
  // style is applied when the device orientation is in landscape mode
  landscapestyle({backgroundColor: 'red'}),

  // style is applied when the device orientation is in portrait mode
  portraitStyle({backgroundColor: 'blue'})
)

from glamorous-native.

I've been thinking about breaking this out and open sourcing them for the community.

That'd be cool, thanks.

from glamorous-native.