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

Question

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

gabber235 opened this issue 5 years ago · 6 comments

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

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)

Answer 1 · 2020-02-14T12:19:56.000Z

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!

Answer 2 · 2020-02-20T19:00:45.000Z

Was able to get stuff working on Flutter Master Channel 👍

Answer 3 · 2020-02-24T09:17:19.000Z

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

Answer 4 · 2020-03-02T08:31:12.000Z

same issue

Answer 5 · 2020-03-14T18:54:20.000Z

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

Answer 6 · 2020-08-05T13:23:14.000Z

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)