Questions tagged [rive]

Rive is a real-time interactive design tool that allows you to design, animate, and integrate your assets into any platform. Rive was formerly known as Flare.

102 questions
9
votes
3 answers

How to use rive's state machine in flutter?

I've created a .riv file with 3 state animations: start, processing, end, which are in "State machine". Rive team recently announced a new feature with dinamically changing animations, it's "State machine". Not sure, how to use it in flutter…
Atamyrat Babayev
  • 778
  • 1
  • 10
  • 23
7
votes
0 answers

How to sync audio with lottie / rive animation in Flutter?

I need to make an animation with voice acting for 10-15 minutes. As far as I know, lottie and rive do not support audio in their animations. Is it a good solution to run the audio track in parallel with the animation? There are concerns that there…
ecywyv
  • 113
  • 3
5
votes
2 answers

Execution failed for task ':rive_common:buildCMakeDebug[arm64-v8a]'

Unable to run the flutter application due to the following exception FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':rive_common:buildCMakeDebug[arm64-v8a]'. > Build command failed. Error while executing…
ToKu404
  • 61
  • 4
5
votes
1 answer

How to implement a class controller option in Flare React package

Update: I added a codesanbox at the bottom of this with a more detailed explanation of what I need done. So I don't quite understand how classes work in React, I am new to react and have used useState a little bit, but never have know what to do…
Anders Kitson
  • 1,413
  • 6
  • 38
  • 98
4
votes
2 answers

Rive animation on flutter not working and is static

I am new to flutter and have no idea about it, I created a simple design from rive app and tried to run on flutter app but the animation does not run. Few of the animation works which I downloaded from flutter worked and some did not work also one…
umanga shrestha
  • 368
  • 2
  • 8
  • 29
4
votes
2 answers

Changing Rive 2 Animation in Flutter

I have a .riv file created with Rive 2. It contains multiple animations. I want to play a default animation but change it depending on an input from a stream. The below code only plays the 'default' animation and isn't updating even if the switch…
RoterBaron
  • 103
  • 2
  • 10
4
votes
0 answers

How to start animation of a Rive file at a certain keyframe

I have created a Flare Animation for these waves I want to implement in my flutter app – see here: https://rive.app/a/Tyrone/files/flare/wavey/preview I've imported the file successfully into my app and it displays on my virtual device how I like…
TNasty
  • 105
  • 7
3
votes
1 answer

How use Artboard and Nestedartboard from Rive in a Flutter app

I want to use a rive animation like this one https://rive.app/community/1514-2958-flower-composition-tutorial/ I notice that this artboard contains a somes NestedArtboard this nested artboard are not loaded by my app, I would like to know why this…
3
votes
1 answer

What is the best way to place text over an Rive animation in Flutter?

I am new to Flutter. I want to place some text that will have values changing over a Rive animation. What is the best way to make sure that the text stays in the same place over the animation no matter the screen size? Lets say these 3 red boxes…
Jaco Fourie
  • 112
  • 3
  • 11
3
votes
0 answers

Can you swap the image components of a Flutter Rive animation during runtime?

I am evaluating if Rive is a good solution for animations in a small flutter game project I am working on. I am really impressed with the Rive animation creation system and the flexibility of it, but can't seem to find a good example or…
Jwildsmith
  • 1,015
  • 2
  • 9
  • 15
3
votes
0 answers

Determining the boundary of a group within a Flare/Rive object in Flutter

I have a big Flare/Rive object. When the user clicks on the Flare object I want to know where the user clicked and how far the click is from specific nodes in the tree of the Flare object to animate the clicked features of the tree. How do I access…
Christian
  • 25,249
  • 40
  • 134
  • 225
2
votes
1 answer

Unhandled Exception: File contains version 6.3. This runtime supports version 7.0 - Rive & Flutter

I got these errors on terminal: Performing hot restart... Syncing files to device sdk gphone64 x86 64... Restarted application in 1,138ms. E/flutter (19611): [ERROR:flutter/lib/ui/ui_dart_state.cc(198)] Unhandled Exception: File contains version…
lomipac
  • 571
  • 8
  • 18
2
votes
0 answers

Switch between different Rive Artboards in Flutter

I'm trying to reuse this Rive animation Emoji Pack in Flutter. This animation, contains multiple artboards. Using the RiveAnimation widget I can specify the specific artboard that will be shown. However, I'm wondering how to switch between…
Humberto
  • 328
  • 3
  • 12
2
votes
1 answer

FLUTTER - How to prevent a RiveAnimationController from reset when the playback finishes?

I am using the Rive package in order to have some nice animations within my Flutter application and I have 2 doubts: I have a simple animation where some docs gets animated. I want to play this animation on Tap of it, so I'm using OneShotAnimation.…
Ale TheFe
  • 1,540
  • 15
  • 43
2
votes
0 answers

How can i make such kind animation in Flutter

I want to make animation when user add product to basket. is it possible to make such kind animation (ex. https://ibb.co/z8jG7fY )with Rive(Flare) and how ?
Rock
  • 511
  • 2
  • 7
  • 18
1
2 3 4 5 6 7