Skip to main content

loading

Function loading 

Source
pub fn loading<'a, Message, Renderer>(
    mode: LoadingIndicatorMode,
) -> Canvas<LoadingIndicator, Message, Theme, Renderer>
where Renderer: Renderer + 'a,
Expand description

Creates an expressive loading indicator.

Examples found in repository?
examples/showcase/pages/feedback.rs (line 32)
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}