-
Notifications
You must be signed in to change notification settings - Fork 470
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Flutter WEB not display flr artboard and animation #242
Comments
Hey! It's dependent on few factors, actually shadows, blur etc. effects are not fully supported in Flutter Web, as far as I know. You can try to simplify your animations, with removing effects or just wait for Rive Team to fix this. They haven't made made any huge updates in last month, so I believe something big is prepared. |
its even work on desktop Windows but not on web :( |
Im having the same issue,even on 2.0.3 and my animation is quite simple. |
I'm having the same issue. I also use a png image in my animation but I don't use something else complicated. But I still get this error:
I get this error on all channels of flutter (master, dev and beta). If this is different from your case I will make a separate issue. |
Did you solve this? Same issue with me on Web. |
Any workaround ? |
Unfortunately images are not supported yet in Flutter for Web. |
Actually, the latest Flutter master with CanvasKit should support images -- just flutter run your app with the flag: |
On android work perfect, but on flutter web Chrome, Firefox is invisible.
https://rive.app/a/m1n0/files/flare/human-body
`name: splendor_app
description: A new Flutter application.
version: 1.0.0+1
environment:
sdk: ">=2.1.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.2
flare_flutter: ^2.0.1
dev_dependencies:
flutter_test:
sdk: flutter
flutter:
uses-material-design: true
assets:
`
Widget
child: FlareActor( "assets/human.flr", animation: 'timer_animation', artboard: 'Front', isPaused: !mounted, )
The text was updated successfully, but these errors were encountered: