Перейти к содержимому

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