Localizing Views

Things like colors and symbols can have different meanings across cultures and languages, and so for some locales the contents of a view, or even the view itself, must be replaced. This can be achieved with a binding to the locale signal in the Environment model.

For example, to replace a view based on the locale:

Binding::new(cx, Environment::locale, |cx| {
    match Environment::locale.get(cx).to_string().as_ref() {
        "en-US" => {
            Element::new(cx).background_color(Color::from("#006847"));
        }

        "fr" => {
            Element::new(cx).background_color(Color::from("#004768"));
        }

        _ => {}
    }
});

Or we can change a style property based on the locale:

Element::new(cx).background_color(cx.environment().locale.map(|lang|{
    if lang.to_string() == "en-US"{
        Color::red()
    } else {
        Color::blue()
    }
}));

Or toggle a style class:

Element::new(cx)
    .toggle_class("eng", cx.environment().locale.map(|lang| lang.to_string() == "en-US"));