Skip to content

Feature: Media queries, conditional based styles or size normalizer #19

@agustito37

Description

@agustito37

Feature Requests

Checklist

  • My feature request is specific to @rootstrap/react-native-use-styles.

  • 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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions