Создание адаптивного окна в зависимости от размера окна - PullRequest
Новая
       11

Создание адаптивного окна в зависимости от размера окна

1 голос
/ 27 июня 2019

Я использую следующий код с целью создания области окна, размер которой связан с размером экрана устройства доступа, как в мобильных ПК и т. Д. 

import React, { useRef, useState} from "react";
import withStyles from "@material-ui/core/styles/withStyles";

const TweetSheet = ({classes}) => {
    const winWidth = useState(window.innerWidth)
    const winHeight = useState(window.innerHeight)    

    return (
        <div className={classes.ts1}>
          TextArea
        </div>
    );
  }

  const styles = (winWidth, winHeight) => (
    {      
      ts1: {
          display: "flex",
          flexDirection: "column",
          border: "3px solid",
          borderRadius: "5px",
          // width: "600px",
          width: (winWidth * 0.05),
          // minHeight: "200px",
          minHeight: (winHeight *0.01),
          padding: "20px"
      },           
    })

  export default withStyles(styles)(TweetSheet)

Но даже если я используюРазмер окна для определения высоты и ширины, поле не реагирует.

...