Comments (12)
It worked for me:
I changed the name of the animation inside the rive editor and inserted the same name in SimpleAnimation.
_controller = SimpleAnimation('loading');
I downloaded it again, imported it into the flutter and it worked perfectly.
from rive-flutter.
from rive-flutter.
This may be related to #51. We haven't figured out why some devices seem to not be playing animations back. All our local test files work in both debug and release. It may be related to Flutter version, we're doing further testing.
from rive-flutter.
It won't work in release
from rive-flutter.
It won't work in release
I created an apk release and installed it on my phone, it worked perfectly.
When can it not work?
I can test to confirm whether it works or not.
from rive-flutter.
Doesn't seem to be version related (unless something changed in the latest beta). The example plays back in Flutter 1.24.0-10.2.pre • channel beta
when running with flutter run -dchrome
and flutter run -dchrome --release
.
Perhaps this is an issue with specific files. Could you provide the exact file and animation you are trying to play?
from rive-flutter.
Please try rive: ^0.6.8
to see if it helps with this issue. It fixes an issue where the last frame of a one-shot animation wasn't being drawn.
from rive-flutter.
It won't work in release
indeed, it does not work on depolyment, i think there isn't an opened issue, i'll create one !
i sloved the current issue thanks to the answer of @devandrefernandes
from rive-flutter.
There's a few different questions in this issue, but to focus on web playback in deployment:
As an experiment, I built the example app in this repo with the latest Flutter release (2.0.1) for the web and deployed it here:
https://cdn.rive.app/flutter_web_test/index.html
It seems to be running fine. Are folk still seeing issues with playing rive animations in Flutter web when deploying?
from rive-flutter.
Closing this for the moment, but if any of these issues still exist, please reopen and we'll continue to assist.
from rive-flutter.
I am still facing this issue can anyone assist me
from rive-flutter.
Hi there,
Facing the same problem here. I am using rive: ^0.10.3
my file structure is assets/rive/empty.riv
I'm using it on showDialog
showDialog(context: context, builder: (context) => AlertDialog( title: const Center( child: Text('Nothing here yet')), content: SizedBox( width: screenWidth * 300, height: screenHeight * 300, child: const RiveAnimation.asset( 'rive/empty.riv', artboard: 'New Artboard', animations: ['one'], fit: BoxFit.contain, ), ), ), );
Working fine in my local dev but not in firebase hosting. Any solution?
from rive-flutter.
Related Issues (20)
- Rive animation freezes with Flutter Web in Chrome HOT 7
- [iOS] Some elements of an artboard seem to be positioned incorrectly. HOT 3
- Text rendering on (certain) Android devices will crash application due to `OutOfMemoryError` HOT 18
- Rive should have a mobile app to showcase our prototype HOT 1
- display an SVG image network HOT 2
- Hitting a random build error when building the Flutter module package for Android (.aar) with the Rive plugin HOT 2
- Support reproducible builds
- Flutter test breaks when using textRun HOT 2
- RiveRenderObject._toArtboard throws error HOT 1
- RangeError (index): Invalid value: Valid value range is empty: 0 HOT 4
- export Joystick class HOT 2
- Black border around RiveAnimation widget HOT 1
- rive_common HOT 1
- Issue with Flutter 3.19 iOS impeller optimization for BackdropFilter HOT 4
- Open-source rive_common Github repo HOT 3
- Linux support HOT 2
- Query on Controlling Nested Artboard State Machines from Main Artboard HOT 2
- Exported app size increases with rive 0.13.0 HOT 3
- Windows build failure HOT 1
- An attempt to build rive_common_plugin.vcxproj causes a fail HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from rive-flutter.