README.zh_CN.md

react-auto-sizer 👋

自动计算宽高的 react 组件

简体中文 | English

🏠 主页预览

📦 安装

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

🔨 使用

import AutoSizer from '@oyyds/react-auto-sizer';

const AutoSizeComponent = () => {
  return (
    <div>
      <AutoSizer>
        {({ width, height }) => (
          <div
            style={{
              width,
              height,
            }}
          >
            内容区
          </div>
        )}
      </AutoSizer>
    </div>
  );
};

🤝 贡献

欢迎投稿、问题和功能请求！
随时检查 issues.

❤️ 表达您的支持

如果这个项目对你有帮助，请给一个 ⭐️！

📝 License

这个项目是 MIT licensed.

🐳 灵感来源

react-virtualized-auto-sizer
ResizeObserver

🌐 浏览器兼容性

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