Skip to content

[Feature request] Responsive style sheet #6

Description

@italomlp

Hello guys! First of all, awesome lib @diego3g. I think it will be very helpful for us all!

One thing that can be a great addon is a ResponsiveStyleSheet (or ResponsiveSheet, if you prefer) that acts like the default rn's Stylesheet plus a parser to rem flags. It's something like the ScaledSheet from react-native-size-matters. It could be nice for the ones that often use the default Stylesheet instead of styled-components. So, for example, we can have something like:

import { ResponsiveStyleSheet } from 'react-native-size-matters';

const styles = ResponsiveStyleSheet.create({
  container: {
    width: '100rem',
    height: '200rem',
    padding: '2rem',
    margin: 5
  },
  row: {
    padding: '10rem',
    width: '50rem',
    height: '30rem'
  }
});

What do you think about it?

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions