Flare-flutter: [ Web ] The following UnimplementedError was thrown during paint(): UnimplementedError

[gabber235]

On the latest version running in chrome, there is a UnimplementedError the stock success-check.
https://rive.app/a/pollux/files/flare/success-check/preview

            SizedBox(
              key: UniqueKey(),
              width: 200,
              height: 200,
              child: FlareActor(
                'assets/success-check.flr',
                animation: 'Untitled',
              ),
            ),

══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
The following UnimplementedError was thrown during paint():
UnimplementedError

The relevant error-causing widget was:
FlareActor org-dartlang-app:///packages/test_flutter/main.dart:76:22

When the exception was thrown, this was the stack:
package:dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 196:49 throw_
package:build_web_compilers/lib/_engine/engine/surface/path_metrics.dart 131:7 extractPath
package:flare_flutter/trim_path.dart 12:30 _appendPathSegmentSequential
package:flare_flutter/trim_path.dart 66:16 _trimPathSequential
package:flare_flutter/trim_path.dart 102:12 trimPath
package:flare_flutter/flare.dart 199:26 paint
package:flare_flutter/flare.dart 296:15 draw
package:flare_flutter/flare.dart 826:20 draw
package:flare_flutter/flare_actor.dart 416:15 paintFlare
package:flare_flutter/flare_render_box.dart 226:7 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/proxy_box.dart 128:14 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/box.dart 2512:14 defaultPaint
package:flutter/src/rendering/flex.dart 948:7 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/shifted_box.dart 70:14 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/box.dart 2512:14 defaultPaint
package:flutter/src/rendering/custom_layout.dart 396:5 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/proxy_box.dart 128:14 paint
package:flutter/src/material/material.dart 531:11 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/proxy_box.dart 128:14 paint
package:flutter/src/rendering/object.dart 391:12 pushLayer
package:flutter/src/rendering/proxy_box.dart 1792:14 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/proxy_box.dart 128:14 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 184:12 paintChild
package:flutter/src/rendering/proxy_box.dart 128:14 paint
package:flutter/src/rendering/object.dart 2262:7 [_paintWithContext]
package:flutter/src/rendering/object.dart 135:10 _repaintCompositedChild
package:flutter/src/rendering/object.dart 95:5 repaintCompositedChild
package:flutter/src/rendering/object.dart 981:29 flushPaint
package:flutter/src/rendering/binding.dart 403:19 drawFrame
package:flutter/src/widgets/binding.dart 797:13 drawFrame
package:flutter/src/rendering/binding.dart 283:5 [_handlePersistentFrameCallback]
package:flutter/src/scheduler/binding.dart 1108:15 [_invokeFrameCallback]
package:flutter/src/scheduler/binding.dart 1047:9 handleDrawFrame
package:flutter/src/scheduler/binding.dart 963:5 [_handleDrawFrame]
package:build_web_compilers/lib/_engine/engine.dart 188:21

The following RenderObject was being processed when the exception was fired: FlareActorRenderObject#e052a:
creator: FlareActor ← SizedBox-[#88407] ← Column ← Center ← _BodyBuilder ← MediaQuery ←
LayoutId-[<_ScaffoldSlot.body>] ← CustomMultiChildLayout ← AnimatedBuilder ← DefaultTextStyle ←
AnimatedDefaultTextStyle ← _InkFeatures-[GlobalKey#4b21a ink renderer] ← ⋯
parentData: (can use size)
constraints: BoxConstraints(w=200.0, h=200.0)
size: Size(200.0, 200.0)
This RenderObject has no descendants.
════════════════════════════════════════════════════════════════════════════════════════════════════

Flutter 1.13.7-pre.31 • channel master • https://github.com/flutter/flutter.git
Framework • revision ee7a37f1d3 (2 hours ago) • 2020-01-06 11:04:20 -0800
Engine • revision 3851981b86
Tools • Dart 2.8.0 (build 2.8.0-dev.0.0 2f57602411)

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.13.7-pre.31, on Mac OS X 10.13.6 17G10021, locale nl-NL)
[!] Android toolchain - develop for Android devices
currently missing SDK components.
[✓] Xcode - develop for iOS and macOS (Xcode 10.2.1)
[✓] Chrome - develop for the web
[!] Android Studio (version 3.3)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
[!] Android Studio (version 3.5)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
[✓] VS Code (version 1.41.1)
[✓] Connected device (3 available)

[aragonet]

The same happening here.

(It's a shame not to be able to use any flare animations because this stills failing)

Flutter doctor

[✓] Flutter (Channel beta, v1.14.6, on Linux, locale es_ES.utf8)
• Flutter version 1.14.6 at /flutter
• Framework revision fabeb2a16f (2 weeks ago), 2020-01-28 07:56:51 -0800
• Engine revision c4229bfbba
• Dart version 2.8.0 (build 2.8.0-dev.5.0 fc3af737c7)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at /development/android-sdk
• Android NDK location not configured (optional; useful for native profiling support)
• Platform android-29, build-tools 29.0.2
• ANDROID_HOME = /development/android-sdk
• Java binary at: /opt/android-studio/jre/bin/java
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)
• All Android licenses accepted.

[✓] Chrome - develop for the web
• Chrome at google-chrome

[✓] Android Studio (version 3.5)
• Android Studio at /opt/android-studio
• Flutter plugin version 39.0.3
• Dart plugin version 191.8423
• Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] VS Code (version 1.42.0)
• VS Code at /usr/share/code
• Flutter extension version 3.8.1

[✓] Connected device (3 available)
• Android SDK built for x86 • emulator-5554 • android-x86 • Android 8.1.0 (API 27) (emulator)
• Chrome • chrome • web-javascript • Google Chrome 80.0.3987.100
• Web Server • web-server • web-javascript • Flutter Tools

• No issues found!

[crystaldonut]

Was able to get stuff working on Flutter Master Channel 👍

[aragonet]

This is an issue of flutter web, and we do not use master, we use beta channel (https://flutter.dev/docs/get-started/web#set-up) as you can see on our flutter doctor logs

[mohammadne]

same issue

[kiaxseventh]

same issue

i have very simple animation
it work on android but it do not work on flutter web !
flutter web Nothing show about my animation 😃

i use flutter 1.14.6 beta and flare_flutter 2.0.1

[camillo777]

Same here!
I guess it is due to method "Canvas.drawPicture" still not implemented for Flutter web?

Flutter 1.20.0-7.4.pre • channel beta • https://github.com/flutter/flutter.git
Framework • revision 916c3ac648 (4 days ago) • 2020-08-01 09:01:12 -0700
Engine • revision d6ee1499c2
Tools • Dart 2.9.0 (build 2.9.0-21.10.beta)