range error

[akhilgorantala]

The following RangeError was thrown during paint(): RangeError (index): Invalid value: Not in inclusive range 0..4: 5

The relevant error-causing widget was: RawLottie RawLottie:file:///Users/ghmapps/.pub-cache/hosted/pub.dev/lottie-2.4.0/lib/src/lottie.dart:377:16 When the exception was thrown, this was the stack: #0 List._setIndexed (dart:core-patch/array.dart:185:48) #1 List.[]= (dart:core-patch/array.dart:180:5) #2 GradientColor.lerp (package:lottie/src/model/content/gradient_color.dart:20:16) #3 GradientColorKeyframeAnimation.getValue (package:lottie/src/animation/keyframe/gradient_color_keyframe_animation.dart:20:20) #4 BaseKeyframeAnimation.value (package:lottie/src/animation/keyframe/base_keyframe_animation.dart:122:15) #5 GradientFillContent._getLinearGradient (package:lottie/src/animation/content/gradient_fill_content.dart:175:41) #6 GradientFillContent.draw (package:lottie/src/animation/content/gradient_fill_content.dart:113:18) #7 ContentGroup.draw (package:lottie/src/animation/content/content_group.dart:179:17) #8 ContentGroup.draw (package:lottie/src/animation/content/content_group.dart:179:17) #9 ShapeLayer.drawLayer (package:lottie/src/model/layer/shape_layer.dart:31:19) #10 BaseLayer.draw (package:lottie/src/model/layer/base_layer.dart:234:7) #11 CompositionLayer.drawLayer (package:lottie/src/model/layer/composition_layer.dart:104:13) #12 BaseLayer.draw (package:lottie/src/model/layer/base_layer.dart:196:7) #13 LottieDrawable.draw (package:lottie/src/lottie_drawable.dart:168:23) #14 RenderLottie.paint (package:lottie/src/render_lottie.dart:214:16) #15 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:3059:7) #16 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:253:13) #17 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:146:15) #18 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:3059:7) #19 PaintingContext._repaintCompositedChild (package:flutter/src/rendering/object.dart:169:11) #20 PaintingContext.repaintCompositedChild (package:flutter/src/rendering/object.dart:112:5) #21 PipelineOwner.flushPaint (package:flutter/src/rendering/object.dart:1147:31) #22 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:494:19) #23 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:905:13) #24 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:358:5) #25 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1284:15) #26 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1214:9) #27 SchedulerBinding._handleDrawFrame (package:flutter/src/scheduler/binding.dart:1072:5) #28 _invoke (dart:ui/hooks.dart:142:13) #29 PlatformDispatcher._drawFrame (dart:ui/platform_dispatcher.dart:359:5) #30 _drawFrame (dart:ui/hooks.dart:112:31) The following RenderObject was being processed when the exception was fired: RenderLottie#a34e8 relayoutBoundary=up3 ... parentData: (can use size) ... constraints: BoxConstraints(0.0<=w<=360.0, 0.0<=h<=Infinity) ... size: Size(360.0, 288.0) ... composition: LottieComposition: Size Control Mask Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, ShapeFill{color=, fillEnabled=false}, Instance of 'AnimatableTransform']} Race Ellipse Parents: Size Control Shapes: ShapeGroup{name: 'Ellipse 1' Shapes: [Instance of 'CircleShape', Instance of 'GradientFill', Instance of 'AnimatableTransform']} Mask 2 Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, Instance of 'GradientFill', Instance of 'AnimatableTransform']}

... alignment: Alignment.center RenderObject: RenderLottie#a34e8 relayoutBoundary=up3 parentData: (can use size) constraints: BoxConstraints(0.0<=w<=360.0, 0.0<=h<=Infinity) size: Size(360.0, 288.0) composition: LottieComposition: Size Control Mask Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, ShapeFill{color=, fillEnabled=false}, Instance of 'AnimatableTransform']} Race Ellipse Parents: Size Control Shapes: ShapeGroup{name: 'Ellipse 1' Shapes: [Instance of 'CircleShape', Instance of 'GradientFill', Instance of 'AnimatableTransform']} Mask 2 Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, Instance of 'GradientFill', Instance of 'AnimatableTransform']}

alignment: Alignment.center

======== Exception caught by rendering library ===================================================== The following _TypeError was thrown during paint(): Null check operator used on a null value

The relevant error-causing widget was: Column Column:file:///Users/ghmapps/StudioProjects/animation_lottie/lib/animation_page.dart:25:13 When the exception was thrown, this was the stack: #0 BaseKeyframeAnimation.value (package:lottie/src/animation/keyframe/base_keyframe_animation.dart:111:29) #1 GradientFillContent._getLinearGradient (package:lottie/src/animation/content/gradient_fill_content.dart:175:41) #2 GradientFillContent.draw (package:lottie/src/animation/content/gradient_fill_content.dart:113:18) #3 ContentGroup.draw (package:lottie/src/animation/content/content_group.dart:179:17) #4 ContentGroup.draw (package:lottie/src/animation/content/content_group.dart:179:17) #5 ShapeLayer.drawLayer (package:lottie/src/model/layer/shape_layer.dart:31:19) #6 BaseLayer.draw (package:lottie/src/model/layer/base_layer.dart:234:7) #7 CompositionLayer.drawLayer (package:lottie/src/model/layer/composition_layer.dart:104:13) #8 BaseLayer.draw (package:lottie/src/model/layer/base_layer.dart:196:7) #9 LottieDrawable.draw (package:lottie/src/lottie_drawable.dart:168:23) #10 RenderLottie.paint (package:lottie/src/render_lottie.dart:214:16) #11 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:3059:7) #12 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:253:13) #13 RenderProxyBoxMixin.paint (package:flutter/src/rendering/proxy_box.dart:146:15) #14 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:3059:7) #15 PaintingContext._repaintCompositedChild (package:flutter/src/rendering/object.dart:169:11) #16 PaintingContext.repaintCompositedChild (package:flutter/src/rendering/object.dart:112:5) #17 PipelineOwner.flushPaint (package:flutter/src/rendering/object.dart:1147:31) #18 RendererBinding.drawFrame (package:flutter/src/rendering/binding.dart:494:19) #19 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:905:13) #20 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:358:5) #21 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1284:15) #22 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1214:9) #23 SchedulerBinding.scheduleWarmUpFrame. (package:flutter/src/scheduler/binding.dart:939:7) #27 _RawReceivePort._handleMessage (dart:isolate-patch/isolate_patch.dart:189:12) (elided 3 frames from class _Timer and dart:async-patch) The following RenderObject was being processed when the exception was fired: RenderLottie#a34e8 relayoutBoundary=up3 ... parentData: (can use size) ... constraints: BoxConstraints(0.0<=w<=360.0, 0.0<=h<=Infinity) ... size: Size(360.0, 288.0) ... composition: LottieComposition: Size Control Mask Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, ShapeFill{color=, fillEnabled=false}, Instance of 'AnimatableTransform']} Race Ellipse Parents: Size Control Shapes: ShapeGroup{name: 'Ellipse 1' Shapes: [Instance of 'CircleShape', Instance of 'GradientFill', Instance of 'AnimatableTransform']} Mask 2 Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, Instance of 'GradientFill', Instance of 'AnimatableTransform']}

... alignment: Alignment.center RenderObject: RenderLottie#a34e8 relayoutBoundary=up3 parentData: (can use size) constraints: BoxConstraints(0.0<=w<=360.0, 0.0<=h<=Infinity) size: Size(360.0, 288.0) composition: LottieComposition: Size Control Mask Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, ShapeFill{color=, fillEnabled=false}, Instance of 'AnimatableTransform']} Race Ellipse Parents: Size Control Shapes: ShapeGroup{name: 'Ellipse 1' Shapes: [Instance of 'CircleShape', Instance of 'GradientFill', Instance of 'AnimatableTransform']} Mask 2 Parents: Size Control Shapes: ShapeGroup{name: 'Group 1' Shapes: [ShapePath{name=Path 1, index=0}, Instance of 'GradientFill', Instance of 'AnimatableTransform']}

alignment: Alignment.center

[xvrh]

@akhilgorantala can you share your animation file?

[akhilgorantala]

https://lottie.host/2d120d8b-06d2-4ab2-8441-ac6cd882db88/Ue9JEyKmjZ.json

[xvrh]

I can fix the crash easily but then I hit another issue with the colors not being correct. So I still investigate