Rive Data Binding in Flutter | Flutter + Rive Tutorial
Suneel Codes
0:00 / 0:00
Rive Data Binding in Flutter | Flutter + Rive Tutorial
189 просмотров · 3 нед. назад
Suneel Codes
31 подписчик
189 просмотров · 3 нед. назад
Learn how to use *Rive Data Binding with Flutter* and connect Flutter application data with an interactive Rive animation.
In this video, we use the *Game Achievement Badge – Data Binding* Rive file and learn how Flutter can communicate with Rive using View Models and Data Binding.
🚀 What you'll learn
What is Rive Data Binding?
How to load a Rive file in Flutter
How to create a Data Binding connection
How to inspect Rive View Model properties
How to work with nested View Models
How to bind Boolean properties
How to update Number properties
How to update String properties
How to work with Color properties
How Flutter widgets can control Rive data
Difference between Rive Triggers and Data Binding
🔥 Data Binding Example
In this tutorial, we'll work with:
Flutter
↓
ViewModelInstance
↓
Data Binding
↓
Rive Achievement Badge
We'll control properties such as:
isOpen
stars
flagText
flagColor
This demonstrates how Rive can be used as an interactive UI component that responds to real Flutter application data.
📱 Rive File Used
Game Achievement Badge – Data Binding
Rive Marketplace:
https://rive.app/marketplace/14447-40...
The Rive asset is provided under a *CC BY* license. Please refer to the original Rive Marketplace page for the applicable attribution requirements.
📌 Related Videos
This video continues the Rive + Flutter series on Suneel Codes.
Previous video:
Flutter + Rive : Master All State Machine inputs in 20 minute
💻 Technologies
Flutter
Dart
Rive
Rive Data Binding
View Models
Data Binding
🔔 Subscribe
Subscribe to *Suneel Codes* for tutorials about:
Flutter • Rive • Java • Spring Boot • Microservices • AWS • React • Python • AI
#Flutter #Rive #RiveFlutter #DataBinding #FlutterTutorial #RiveAnimation #Dart #SuneelCodes