Data binding with swiftUI

[jjang8285]

Description

I'm trying to set a property on a Rive animation instance right after binding, like this:

intro.riveModel?.enableAutoBind { instance in
  print("before:", instance.colorProperty(fromPath: "Icon BG")?.value)
  instance.colorProperty(fromPath: "Icon BG")?.value = .black
  print("after:", instance.colorProperty(fromPath: "Icon BG")?.value)
}

But the color doesn't actually update in the UI until I set it again later (e.g., in a button action):
instance?.colorProperty(fromPath: "Icon BG")?.value = .black
The binding is being done as part of .onAppear() and all the properties of the instance seem to be reset later once.
Also, I tried using non-auto binding and seeing the same issue.
Why does setting the color in enableAutoBind not immediately update the UI, but works when set again later?

Provide a Repro

Source .riv/.rev file

Expected behavior

Screenshots

Device & Versions (please complete the following information)

• Device: [e.g. iOS Simulator, iPhone 12]
• iOS version [e.g. iOS 15]

Additional context

[dskuza]

Is the state machine playing, or has it settled? You may have to call intro.riveView?.advance(delta: 0) after setting the property if the state machine has settled, or if you have manually paused the graphic. Settled means that the current state of the state machine has made it to the end, and does not need to further progress. Let me know if that fixes it; I may be able to address that on our end.

[jjang8285]

Unfortunately that didn’t seem to make the UI reflect the property change either. I’ve verified that the colorProperty value is indeed updated when I check it right after setting, but visually, the Rive view doesn't update until I apply the change again later (like in a button action or another user-triggered event).

It feels like the instance gets reset shortly after enableAutoBind completes, possibly during the first render cycle which reverts the property to its original value.

[dskuza]

If you produce a minimal reproducible example as an app that you can share, I can take a look. Would you be able to share a .zip here?

[jjang8285]

Unfortunately, the .riv file I'm working with is a company resource and I’m unable to share it publicly. Would it be possible for you to provide a sample .riv file that includes a color property binding? I'd be happy to integrate that into a sample project and test whether the issue reproduces there.

If the same behaviour persists with your sample .riv file, I can then share the sample project to help debug further.

Thanks.

[dskuza]

There is an example .riv and view in our example app you could try: View and the .riv file