0.7.10-alpha.0 • Published 1 year ago

@gaopeng123/hooks.use-resize v0.7.10-alpha.0

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

useResize

(props:ResizeProps):WindowSize

监听窗口变化,返回窗口尺寸

在线demo

参数

type ResizeProps = {
    wait?: number; // 等待时间
}
type WindowSize = {
    availWidth: number;
    availHeight: number;
    width: number;
    height: number;
    screenWidth: number;
    screenHeight: number;
};

Usage

import React from 'react';
import {useResize} from "gaopeng123/hooks.use-resize";

type TestUseResizeProps = {};
const TestUseResize: React.FC<TestUseResizeProps> = (props) => {
    const windowSize: any = useResize();
    const list = Object.keys(windowSize);
    return (
        <React.Fragment>
            <h3>windowSize</h3>
            {
                list.map((key, index) => {
                    const laster = list[index - 1];
                    return index % 2 ? <p>{laster}: {windowSize[laster]}, {key} : {windowSize[key]},</p> : null
                })
            }
        </React.Fragment>
    )
};

export default TestUseResize;
0.7.10-alpha.0

1 year ago

0.7.8

1 year ago

0.7.6

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.6.0

2 years ago

0.5.1

3 years ago

0.5.0

3 years ago

0.4.0

3 years ago

0.4.2

3 years ago

0.3.0

3 years ago

0.2.2

3 years ago

0.2.1

3 years ago

0.2.0

3 years ago