yew-transition-group

基于 react-transition-group。

react-transition-group 包含 Transition、CssTransition 和 TransitionGroup。

yew-transition-group 目前只包含 Transition。当我有时间时，会实现 TransitionGroup。我认为目前实现 CssTransition 不可行。

用法

Cargo.toml

[dependencies]
yew-transition-group = "0.0.1"

在视图中

html !{
<Transition enter={ enter } timeout={ Timeout::new(200) } notification={ notification_callback }>
    <p>{ "Hello World" }</p>
</Transition>

}

其中 enter 是一个布尔值，用于控制何时出现过渡效果，notification_callback 是一个 Callback<TransitionState>，用于通知 TransitionState 的变化，从 Entering -> Entered -> Exiting -> Exited。

有关更多信息，请查看示例。

lib.rs:

yew-transition-group 提供用于管理子组件过渡效果的组件