Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
2 tasks done
agustito37 opened this issue Oct 16, 2020 · 0 comments
Open
2 tasks done

Comments

@agustito37
Copy link
Contributor

agustito37 commented Oct 16, 2020

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.

@agustito37 agustito37 changed the title Media queries or conditional based styles Media queries conditional based styles, or size normalizer Oct 16, 2020
@agustito37 agustito37 changed the title Media queries conditional based styles, or size normalizer Media queries, conditional based styles or size normalizer Oct 18, 2020
@agustito37 agustito37 changed the title Media queries, conditional based styles or size normalizer Feature: Media queries, conditional based styles or size normalizer Dec 3, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant