react-native-use-styles
react-native-use-styles copied to clipboard
Feature: Media queries, conditional based styles or size normalizer
trafficstars
Feature Requests
Checklist
-
[x] My feature request is specific to
@rootstrap/react-native-use-styles. -
[x] I've searched open issues to make sure I'm not opening a duplicate feature request
Description
It could be great to have some kind of conditional based styles feature, like media queries. Something as this: https://github.com/vitalets/react-native-extended-stylesheet#media-queries. Maybe is not worth; but it could be a good feature.
export default Styles({
queries: {
"ios": {
...
},
"android": {
...
},
"max-width: 329": {
...
}
}
})
As an alternative, we can go for a size normalizer as https://github.com/nirsky/react-native-size-matters; where you can put the sizes with a notation like 100@vs to normalize the size depending on the device specifications.