1 unstable release
0.2.0 | Jun 4, 2024 |
---|
#38 in #dioxus
24KB
651 lines
Dioxus-lazy
Virtualized components for dioxus
use dioxus::prelude::*;
use dioxus_lazy::{lazy, List};
fn app() -> Element {
rsx! {
List {
len: 100,
size: 400.,
item_size: 20.,
make_item: move |idx: &usize| rsx!("Item {*idx}"),
make_value: lazy::from_fn(|idx| { idx })
}
// Or with async!
List {
len: 100,
size: 400.,
item_size: 20.,
make_item: move |idx: &usize| rsx!("Async item {*idx}"),
make_value: lazy::from_async_fn(|idx| async move { idx })
}
}
}
use dioxus::prelude::*;
use dioxus_lazy::{factory, Direction, UseList};
fn app() -> Element {
let list = UseList::builder()
.direction(Direction::Row)
.size(500.)
.use_list(cx, factory::from_fn(|idx| async move { idx }));
rsx!(div {
onmounted: move |event| list.mounted.onmounted(event)
})
}
Dependencies
~11–19MB
~252K SLoC