@oyyds/react-auto-sizer

v1.2.11TypeScript

自动计算宽高的react组件 React components that automatically calculate width and height

react-auto-sizer ResizeObserver react react-ResizeObserver

0/weekUpdated 3 years agoMITUnpacked: 35.7 KB

Published by niexq

npm install @oyyds/react-auto-sizer

Repository Homepage npm

Welcome to react-auto-sizer 👋

Version

> React components that automatically calculate width and height

简体中文 | English

$3

![](https://raw.githubusercontent.com/niexq/picbed/main/picgo/react-auto-sizer-en-US.gif)

$3

``bash yarn add @oyyds/react-auto-sizer # or npm i @oyyds/react-auto-sizer -S`

`$3`

`tsx | pure import AutoSizer from '@oyyds/react-auto-sizer';

const AutoSizeComponent = () => { return (


      
        {({ width, height }) => (
                      style={{
              width,
              height,
            }}
          >
            Content area

)}


  );
};

🦧 Author

- Website: https://juejin.cn/user/4318537404123688/posts
- Github: @niexq

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

❤️ Show your support

Give a ⭐️ if this project helped you!

📝 License

This project is MIT licensed.

🐳 Link

react-virtualized-auto-sizer
ResizeObserver

🌐 Browsers support

|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox Android |
Opera Android |
Safari iOS |
Samsung Internet |
| :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: | :-: |
| 64 | 79 | 69 | ❌ | 51 | 13.1 | 64 | 64 | 79 | 47 | 13.4 | 9.0 |