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.
Questions tagged [rive]
102 questions
0
votes
1 answer
How to detect clicks in a certain area of Flutter rive
I want to make star rating that return appropriate value (1 until 5 based on which star user click on).
But i cannot achieve that. Why it's only return zero.
SMINumber? _rating;
void _onRiveInit(Artboard artboard) {
final controller =…
omega_mi
- 243
- 2
- 11
0
votes
1 answer
How to reload only a page that is a part of a bottownavigationbar in flutter
Hi i have a riveanimation that changes flower when the user has checkin, however the page of the animation would not change state once build as it is in a bottomnavigationbar. Is there anyway to reload the page to change the state of the animation.…
Muqri Hafiy
- 35
- 6
0
votes
1 answer
Loop Rive animation in React
I've made an animation which consists of a cabin and a few clouds floating in the sky. I wanna loop the entire animation but just can't find the proper way to implement this. This is my current approach.
const { rive, RiveComponent } = useRive({
…
Weber Chang
- 45
- 1
- 7
0
votes
1 answer
Why RiveRuntime module is causing error every time I open Xcode project
Every time I open an existing swiftUI app which includes Rive animations it is saying no module named RiveRuntime. I have to create the project all over again to make it run.
Please give me a solution to resolve this issue.
kumar pujala
- 15
- 5
0
votes
1 answer
Created an application to learn to add rive splash screen animations in flutter app project
I followed the tutorial of adding a splash screen in an app in flutter using rive animation tool, but the splash screen won't show up.
Link which i followed:- https://pub.dev/packages/rive_splash_screen
Code in main.dart file
import…
Harshul Nanda
- 27
- 1
- 5
0
votes
0 answers
How to prevent rive(flare) animations get pixelated on safari?
I have a Rive animation in flutter project for the web, the render for the web is Canvaskit, but the animation gets pixelated on the Safari browser.
here is the code to play the simple animation:
Container(
width: 450,
height: 450,
…
Hooshyar
- 1,181
- 4
- 12
- 28
0
votes
1 answer
How to remove (make disappear) Rive animation when it has finished it's animation in flutter
I created a flutter Rive oneshotAnimation, and I want it to be disappear from the screen when the animation is over. Currently animation stays on the screen when animation is over, and I cant interact with the other widgets on the screen because of…
Vihanga Randunu
- 391
- 4
- 15
0
votes
3 answers
How this animation can be implemented?
What is the best approach for this animation?
Row + Flexible + AnimatedSize + Image ?
or Rive. Thank you in advance.
Akbar Pulatov
- 2,955
- 2
- 16
- 33
0
votes
1 answer
Using Flutter: Why does Rive render the first animation used over any subsequent animations when using Liquid_Swipe?
Given the basic example below, as you begin to swipe and reveal the next container, it's animation is shown correctly, but once the page is fully revealed the animation is replaced with the first container's animation (so the Smile will show up…
JWD42
- 7
- 4
0
votes
5 answers
How to set splash screen time out on flutter
I am new to flutter and am kinda lost on how to set up a time to my splash screen so after this time it goes to the main screen. am using rive for the splash screen
import 'package:flutter/material.dart';
import 'package:rive/rive.dart';
void main()…
Nayef
- 13
- 4
0
votes
1 answer
Rive animation in Vue.js - Use .riv file from assets
I followed the official documentation to implement a Rive animation in Vue.js: