#dioxus #resize #observer #hook #size #events #mounted

dioxus-resize-observer

Dioxus 的尺寸观察器钩子

4 个版本

0.3.0-alpha.12024 年 8 月 6 日
0.2.1 2024 年 6 月 6 日
0.2.0 2024 年 4 月 4 日
0.2.0-alpha.12024 年 3 月 26 日

#7 in #observer

Download history 6/week @ 2024-04-22 1/week @ 2024-05-20 168/week @ 2024-06-03 13/week @ 2024-06-10 10/week @ 2024-07-01 14/week @ 2024-07-08 55/week @ 2024-07-29

每月 69 次下载
用于 3 crates

MIT 许可证

21KB
56

dioxus-resize-observer

License Crates.io Docs CI Discord Server

Dioxus 🧬 提供尺寸观察器钩子。

示例

use dioxus::prelude::*;
use dioxus_resize_observer::use_size;
use dioxus_use_mounted::use_mounted;

fn app() -> Element {
    let mounted = use_mounted();
    let (width, height) = use_size(mounted);

    render!(div {
      onmounted: move |event| mounted.onmounted(event),
      "Size: {width} x {height}"
    })
}

支持

  • Web 渲染器 (WASM)
    • 0.1.0 - Dioxus v0.4
    • 0.2.0 - Dioxus v0.5

许可证

MIT

依赖项

~9–17MB
~227K SLoC