import React from 'react'
import { View } from 'react-native'
import { ResponsiveStyleSheet, withResponsiveness } from 'responsive-stylesheet'
 
const styles = ResponsiveStyleSheet.create({
    static: {
        backgroundColor: 'red'
    },
    dynamic: {
        backgroundColor: 'green'
 
        '@media': {
            'ios and (orientation: landscape) and (min-width: 300px)': {
                color: 'blue'
            }
        }
    }
})
 
<View style={styles.static} /> // works
<View style={styles.dynamic} /> // does not work
 
const ResponsiveView = withResponsiveness(View)
<ResponsiveView style={styles.dynamic} /> // works