react-native-use-styles icon indicating copy to clipboard operation
react-native-use-styles copied to clipboard

Feature: Media queries, conditional based styles or size normalizer

Open agustito37 opened this issue 5 years ago • 0 comments
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.

agustito37 avatar Oct 16 '20 19:10 agustito37