@rnhooks/dimensions

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

| Name | Default | Type | Description | | :------------ |---------------:| :---------------| :-----| | window / screen | null | string | Type window or screen Dimension |

Output

| Name | Type | Default | Description | | :------------ |---------------:| :---------------| :-----| | width | number | null | Width of the Screen | | height | number | null | Height of the Screen | | fontScale | number | null | Font Scale of the Screen | | scale | number | null | Scale of the Screen |

Contribution

• @pritishvaidya The main author.

Questions

Feel free to contact me or create an issue