yew-component-size

当父组件宽度/高度变化时发出事件的Yew组件。仅与使用web_sys的Yew兼容。

示例

let onsize = self.link.callback(|size: ComponentSize| {
    // Access to `size.width` and `size.height`
});

html! {
    // Parent that you're tracking the size of must be `position: relative`
    <div style="position: relative;">
        // ...
        <ComponentSizeObserver onsize=onsize />
    </div>
}

工作原理

这使用了从Svelte借用的一个技巧，我们使用一个绝对定位的iframe来填充其父元素，然后监听iframe窗口的resize事件。

注意：这会带来一定的开销，因此不应在大量元素上同时使用。

许可证

根据以下任一许可证发布

• Apache许可证2.0版本 (LICENSE-APACHE 或 http://www.apache.org/licenses/LICENSE-2.0)
• MIT许可证 (LICENSE-MIT 或 http://opensource.org/licenses/MIT)

任选其一。

贡献

除非你明确声明，否则任何有意提交以包含在你工作的贡献，根据Apache-2.0许可证定义，应按上述方式双重许可，而不附加任何额外条款或条件。