Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @rnhooks/dimensions with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("react-native/package.json"); // react-native is a peer dependency. var dimensions = require("@rnhooks/dimensions")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@rnhooks/dimensions v0.0.3

React Native hook for Dimensions

@rnhooks/dimensions Build Status Maintainability module formats: umd, cjs, esm

React Native hook for Dimensions


$ yarn add @rnhooks/dimensions


import useDimensions from '@rnhooks/dimensions';

function App() {
  const { fontScale, width, height, scale } = useDimensions('window');

  return (
    <View style={styles.container}>
      <Text style={styles.type}>{`Width: ${width}`}</Text>
      <Text style={styles.type}>{`Height: ${height}`}</Text>
      <Text style={styles.type}>{`Font Scale: ${fontScale}, Scale: ${scale}`}</Text>


window / screennullstringType window or screen Dimension


widthnumbernullWidth of the Screen
heightnumbernullHeight of the Screen
fontScalenumbernullFont Scale of the Screen
scalenumbernullScale of the Screen



Feel free to contact me or create an issue

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free