Data binding not working in iOS client vs proper preview in Shared Link

[messenjah90]

Description

I’m using Rive iOS SDK 6.11.4 on iPhone 15 with iOS 18.5, and an animation created in Rive editor v0.8.3474 behaves correctly in Rive Shared Link Preview (carousel slide switching + element height calculations with data binding updates as expected), but in the iOS client all functionality relying on data binding does not work - values and mechanics bound to the ViewModel do not update.
Could you help me determine whether this is an issue with the mobile SDK or something misconfigured in my Rive file, etc?
Thanks for the help!

Source .riv/.rev file

data_bind_test_slider.zip

Expected behavior

I expect the Rive file on the mobile client to work the same way as it does in Rive's shared link preview, so that the values from the ViewModel control the behavior of interactive elements they're attached to and are updated in real time.

https://rive.app/s/m7rNlfTr8kyw_FxWuphaIQ/?runtime=rive-renderer

Screenshots

Rive's shared link preview:
In Rive's shared link preview, carousel navigation relies on binded values from the ViewModel, which provide information on element positions, the current slide, and the total number of slides. The size of the elements is also linked to values from other components, ensuring that the text fits properly and that there is enough spacing. Data Bind makes this carousel into a template that is easy to use.

rive.preview.MP4

Mobile client:
On mobile clients, the data bind values do not update, rendering the size of the elements incorrectly. Transition conditions that use data from the ViewModel are ignored, thus the carousel navigation is not working.

mobile.client.MP4

Device & Versions

• Device: iPhone 15
• iOS version 18.5

Additional context

• Rive editor v0.8.3474.
• Rive iOS SDK 6.11.4

[dskuza]

Can you share a code snippet of how you're loading the view model + preparing data binding?

[messenjah90]

Can you share a code snippet of how you're loading the view model + preparing data binding?

It appeared to be that I am correctly exporting the view model instance, but its not being bound at the code level. So I am using Auto Bind to connect to that exported instance automatically and it resolved the issue.

let riveViewModel = RiveViewModel(...)
riveViewModel.riveModel?.enableAutoBind { instance in
// Store a reference to instance to later access properties
// The instance may change as state machines and artboards change
}

// If you'd like to disable autoBind after enabling…
riveViewModel.riveModel!.disableAutoBind()