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

Installation

$ yarn add @rnhooks/dimensions

Usage

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>
    </View>
  );
}

Input

NameDefaultTypeDescription
window / screennullstringType window or screen Dimension

Output

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

Contribution

Questions

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