Proposal: PixelRatio.pixel()

[corbt]

It seems like a fairly common pattern to want a line that's the thinnest possible width. Currently this can be accomplished with a style something like:

StyleSheet.create({
  myStyle: {
    borderBottomWidth: 1 / PixelRatio.get()
    [...]
  }
});

This works fine, but without reading the documentation of PixelRatio it's not obvious what's going on.

I propose adding a function PixelRatio.pixel (or alternatively PixelRatio.smallestPixel) that simply returns the inverse of PixelRatio.get. This would make it immediately clear what a style using it is trying to accomplish, even to someone who hasn't read the PixelRatio documentation.

I'm happy to implement and document this if there's general agreement that it's a good idea.

[facebook-github-bot]

Hey corbt, thanks for reporting this issue!

React Native, as you've probably heard, is getting really popular and truth is we're getting a bit overwhelmed by the activity surrounding it. There are just too many issues for us to manage properly.

• If you don't know how to do something or something is not working as you expect but not sure it's a bug, please ask on StackOverflow with the tag react-native or for more real time interactions, ask on Discord in the #react-native channel.
• If this is a feature request or a bug that you would like to be fixed, please report it on Product Pains. It has a ranking feature that lets us focus on the most important issues the community is experiencing.
• We welcome clear issues and PRs that are ready for in-depth discussion. Please provide screenshots where appropriate and always mention the version of React Native you're using. Thank you for your contributions!

[brentvatne]

I like this idea, let's move it into a pull request! 🚀

[corbt]

Cool, working on it.