文件名称:use-fit-text:用于在div中容纳文本的React钩子
文件大小:92KB
文件格式:ZIP
更新时间:2024-06-03 10:41:46
react hooks font-size TypeScript
使用适合的文字 React挂钩可迭代地调整字体大小,以使文本适合div。 通过检查文本是否溢出 当容器被调整大小重新计算(使用( ) ) 内容更改时重新计算 使用二进制搜索; 使用默认选项时,最多进行5次调整,分辨率从20%到100%的5%字体 压缩后 +压缩 用TypeScript编写 安装 npm install --save use-fit-text 用法 import React from "react" ; import useFitText from "use-fit-text" ; function Example ( ) { const { fontSize , ref } = useFitText ( ) ; return ( < div ref = { ref } style = { { fontSize , height : 40 , wid
【文件预览】:
use-fit-text-master
----index.ts(5KB)
----examples()
--------pages()
--------next-env.d.ts(75B)
--------next.config.js(206B)
--------tsconfig.json(533B)
--------README.md(180B)
--------.gitignore(3B)
--------bin()
--------package-lock.json(234KB)
--------package.json(619B)
----README.md(4KB)
----dist()
--------index.umd.js.map(8KB)
--------index.mjs.map(8KB)
--------index.modern.js(1KB)
--------index.esm.js.map(7KB)
--------examples()
--------index.d.ts(575B)
--------index.mjs(2KB)
--------index.esm.js(2KB)
--------index.js.map(8KB)
--------index.js(2KB)
--------index.modern.js.map(7KB)
--------index.umd.js(2KB)
----.gitignore(128B)
----package.json(666B)