It would be great to have two global objects inside StyleSheet.create() call that will apply unique styles for different orientations.

For example:

const styles = StyleSheet.create({

portrait: {

imageStyles: {

width: 20

},

textStyle: {

fontSize: 18

}

},

landscape: {

imageStyles: {

width: 80

}

}

})

After device orientation will be switched from portrait to landscape, the new styles for image would be applied. Like in standard CSS media queries, font size won't be changed because fontSize rule for landscape orientation wasn't specified.