What is the best way to swap the image of an img element dynamically? For e.g. making a button out of images.

[Gremious]

I want to make a button using images. I am wondering what the nicest way to achieve that is.

Right now, I have something like this:

let mut clicked = RwSignal::new(false);

img(move || {
 if clicked.get() { std::fs::load("btn_down.png") } else { std::fs::load("btn_up.png") }
})

I initially expected this to change on signal when put in an h_stack or, I've also tried, in a value_container, but it did not update, though it's style could.

I have it working with a dyn_stack, but that looks to be for a "list of views that change over time" and I don't have a list, I just have 1 boolean on a button - so I'm wondering if that's really the best way to do it, or am I missing a simple way to swap an image?

e.g.

dyn_stack(
  // I don't have a whole stack of things, so monitoring a list of 1 boolean feels strange
  // And then every button I add is 3 closures in a trench coat?
  // Seems strange for what is essentially just "swap img on event"
   move || [clicked.get()] 
   move |item| item
   move |item| img(...)
);

[Gremious]

Immediately before posting this question I stumble on the answer, so I'm posting it anyway in order to answer it myself, and maybe help someone in the future.

From the looks of the docs, a dynamic container seems to be what I need: https://docs.rs/floem/latest/floem/views/fn.dyn_container.html