Breaking News: Grepper is joining You.com. Read the official announcement!

react detect screen size

Add Answer

DevPedrada answered on September 3, 2020 Popularity 10/10 Helpfulness 7/10

Contents

answer react detect screen size

related react js get screen size

More Related Answers

react-native how to get size of screen

get height and width of screen in react native

javafx get screen size

how to get current screen name in react native

js detect screen size change

on window resize react

react get screen width

how to get window size in react js

react native get screen height and width

get window width react

how to get window size in react js

detect screen size change angular

JavaScript detect mobile screen size

window size change react

javafx window resize to screen

react native dimensions window vs screen

react get screen width

react detect page width

react native get screen height and width

react native dimensions window vs screen

get width and height of screen libgdx

Get width of screen on resize event

uiscreen wrong width

react get dynamic window sizes

Make a ReactNative component take the height and width of the current window

check string length pixel "react"

hooks window dimension in react native

react detect screen size

Comment

6

import { useState, useEffect } from 'react';

function getWindowDimensions() {
  const { innerWidth: width, innerHeight: height } = window;
  return {
    width,
    height
  };
}

export default function useWindowDimensions() {
  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());

  useEffect(() => {
    function handleResize() {
      setWindowDimensions(getWindowDimensions());
    }

    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return windowDimensions;
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: detect javascript screen-size

Share

Link to this answer
Share Copy Link

DevPedrada

Contributed on Sep 03 2020

DevPedrada

0 Answers Avg Quality 2/10

Closely Related Answers

react js get screen size

Comment

3

  console.log(window.innerHeight);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: get

Share

Link to this answer
Share Copy Link

Dayanaohhnana

Contributed on Dec 17 2020

Dayanaohhnana

0 Answers Avg Quality 2/10

X

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

X

Grepper Account Login Required

Oops, You will need to install Grepper and log-in to perform this action.

Install Grepper Here