Skip to content

๐Ÿ“ A devtool for measuring pixel dimensions on your React Native screens

License

Notifications You must be signed in to change notification settings

lfkwtz/react-native-ruler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

13 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

react-native-ruler

npm version

๐Ÿ“ A devtool for measuring pixel dimensions on your React Native screens

iOS Example

This is a proof of concept I threw together on a flight. Eventual plans are to integrate within the devtools menu, support rotating the device, allow the bars to be on any of the 4 sides of the device, etc..

Happy to take PRs or suggestions.

Getting Started

Installing

npm install react-native-ruler

Usage

// first, import the component
import { RNRuler } from 'react-native-ruler';

// then drop it on any screen in your app (or in the root)
<RNRuler />;
  • Tap the bottom right corner of the ruler (or two-finger tap the bar) to swap between axis

License

react-native-ruler is MIT licensed

About

๐Ÿ“ A devtool for measuring pixel dimensions on your React Native screens

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published