Skip to main content

dense_stack

Function dense_stack 

Source
pub fn dense_stack<'a, Message, Renderer>(
    children: impl IntoIterator<Item = Element<'a, Message, Theme, Renderer>>,
) -> Column<'a, Message, Theme, Renderer>
where Message: 'a, Renderer: Renderer + 'a,
Expand description

Creates a dense full-width vertical stack.

Examples found in repository?
examples/showcase/pages/feedback.rs (lines 24-37)
17fn progress_indicators(state: &Showcase) -> material::Element<'_, Message> {
18    use material::widget::progress_bar::{self, LinearProgressMode, LoadingIndicatorMode};
19
20    let progress = state.progress / 100.0;
21    let linear_phase = state.progress_animation.linear_phase();
22    let loading_phase = state.progress_animation.loading_phase();
23
24    page::dense_stack([
25        page::labeled_value_row("Determinate", format!("{:.0}%", state.progress)).into(),
26        material::widget::slider::continuous(0.0..=100.0, state.progress, Message::SliderChanged)
27            .step(1.0)
28            .into(),
29        progress_bar::linear(LinearProgressMode::determinate(progress, linear_phase)).into(),
30        progress_bar::linear(LinearProgressMode::indeterminate(linear_phase)).into(),
31        page::indicator_row([
32            progress_bar::loading(LoadingIndicatorMode::indeterminate(loading_phase)).into(),
33            progress_bar::loading(LoadingIndicatorMode::contained_indeterminate(loading_phase))
34                .into(),
35        ])
36        .into(),
37    ])
38    .into()
39}