hi just download the project from github and when i try to run it just give me this error: didn't change enything on the code:

The following assertion was thrown during paint(): 'package:flutter/src/rendering/layer.dart': Failed assertion: line 1586 pos 12: 'value!.storage.every((double component) => component.isFinite)': is not true.

Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause. In either case, please report this assertion by filing a bug on GitHub: https://github.com/flutter/flutter/issues/new?template=BUG.md

The relevant error-causing widget was: Panorama file:///home/ruben/Transfer%C3%AAncias/panorama-master/example/lib/main.dart:66:11 When the exception was thrown, this was the stack: #2 TransformLayer.transform= (package:flutter/src/rendering/layer.dart:1586:12) #3 PaintingContext.pushTransform (package:flutter/src/rendering/object.dart:576:13) #4 RenderTransform.paint (package:flutter/src/rendering/proxy_box.dart:2298:25) #5 RenderObject._paintWithContext (package:flutter/src/rendering/object.dart:2311:7) #6 PaintingContext.paintChild (package:flutter/src/rendering/object.dart:189:13) ... The following RenderObject was being processed when the exception was fired: RenderTransform#65483 ... needs compositing ... parentData: top=NaN; left=NaN; width=90.0; height=75.0; offset=Offset(NaN, NaN) (can use size) ... constraints: BoxConstraints(w=90.0, h=75.0) ... layer: TransformLayer#f9c72 DETACHED ... engine layer: TransformEngineLayer#fa266 ... offset: Offset(0.0, 0.0) ... transform: [0] 0.5,0.0,0.9,532.2 [1] 0.2,1.0,-0.1,-206.9 [2] -0.9,0.3,0.5,686.0 [3] 0.0,0.0,0.0,1.0 ... size: Size(90.0, 75.0) ... transform matrix: [0] NaN,NaN,NaN,NaN [1] NaN,NaN,NaN,NaN [2] NaN,NaN,NaN,NaN [3] NaN,NaN,NaN,NaN ... origin: Offset(45.0, 37.5) ... alignment: null ... textDirection: ltr ... transformHitTests: true RenderObject: RenderTransform#65483 needs compositing parentData: top=NaN; left=NaN; width=90.0; height=75.0; offset=Offset(NaN, NaN) (can use size) constraints: BoxConstraints(w=90.0, h=75.0) layer: TransformLayer#f9c72 DETACHED engine layer: TransformEngineLayer#fa266 offset: Offset(0.0, 0.0) transform: [0] 0.5,0.0,0.9,532.2 [1] 0.2,1.0,-0.1,-206.9 [2] -0.9,0.3,0.5,686.0 [3] 0.0,0.0,0.0,1.0 size: Size(90.0, 75.0) transform matrix: [0] NaN,NaN,NaN,NaN [1] NaN,NaN,NaN,NaN [2] NaN,NaN,NaN,NaN [3] NaN,NaN,NaN,NaN origin: Offset(45.0, 37.5) alignment: null textDirection: ltr transformHitTests: true ... child: RenderOffstage#3bdd5 ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=90.0, h=75.0) ... size: Size(90.0, 75.0) ... offstage: false ... child: RenderFlex#7cbde ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(w=90.0, h=75.0) ... size: Size(90.0, 75.0) ... direction: vertical ... mainAxisAlignment: center ... mainAxisSize: max ... crossAxisAlignment: center ... verticalDirection: down ... child 1: RenderSemanticsAnnotations#ac26a relayoutBoundary=up1 ... needs compositing ... parentData: offset=Offset(1.0, 1.5); flex=null; fit=null (can use size) ... constraints: BoxConstraints(0.0<=w<=90.0, 0.0<=h<=Infinity) ... semantic boundary ... size: Size(88.0, 48.0) ... child: _RenderInputPadding#af226 relayoutBoundary=up2 ... needs compositing ... parentData: (can use size) ... constraints: BoxConstraints(0.0<=w<=90.0, 0.0<=h<=Infinity) ... size: Size(88.0, 48.0) ... child 2: RenderDecoratedBox#8e262 relayoutBoundary=up1 ... parentData: offset=Offset(0.0, 49.5); flex=null; fit=null (can use size) ... constraints: BoxConstraints(0.0<=w<=90.0, 0.0<=h<=Infinity) ... size: Size(90.0, 24.0) ... decoration: BoxDecoration ... color: Color(0x61000000) ... borderRadius: BorderRadius.circular(4.0) ... configuration: ImageConfiguration(bundle: PlatformAssetBundle#9bf52(), devicePixelRatio: 2.8, locale: en_US, textDirection: TextDirection.ltr, platform: android) ... child: RenderPadding#0a2d0 relayoutBoundary=up2 ... parentData: (can use size) ... constraints: BoxConstraints(0.0<=w<=90.0, 0.0<=h<=Infinity) ... size: Size(90.0, 24.0) ... padding: EdgeInsets.all(4.0) ... textDirection: ltr

Hi, first of all, I really love your plugin men, awesome job 😎🤘

I like to suggest a new feature, I think it could be very useful. Feature: Add widget(s) on a given position.

The idea could be add to the current panorama class a list of objets(a widget with the position in the scene):

Panorama(
  child: Image.asset('assets/panorama.jpg'),
  widgets: <PositionedWidget>[]
),

And the PositionedWidget Class something like:

PositionedWidget {
  Vector3 position,
  Widget widget
}

This could be used to add (for example):

• A button in a position of the image an enable new interactions
• A text/hint when the user click a widget.
• Etc.

This package is great, but panorama images that do not cover the full 360/180 are stretched.

This happens when the panorama is cropped, for example with the CroppedAreaLeftPixels and CroppedAreaTopPixels from the Google panorama spec: https://developers.google.com/streetview/spherical-metadata

It would be nice if the Panorama constructor provided parameters to specify the cropped area.

When the image does not cover the full 360/180, some apps just render a black background, some apps do something fancier (for example Google Photos interpolates the pixels from the edge of the image to fill the background). Personally I would be happy with a plain black background, but it can be something fun to explore.

Hi thanks for the plugin.Are you planning to add support for device rotations anytime soon ? If not, how would you go about implementing it? I will try to implement it and make pr request if successful.

Noticed blank grey background before 360 images loaded. 'onImageLoad' event makes it possible to add loading widgets behavior before the 360 images come to view

Panorama without onImageLoad event implementation to show and close loader when image has loaded

Panorama with onImageLoad event implementation to show and close loader when image has loaded

I'm using flutter cached_network_image component for panoramas. Some panorama have quite big size (8-12Mb). Any idea how to show a spinner to show the downloading phase ?

Should be some way to pass a Callback function to the widget. Then, this Callback would be called when longitude and latitude values changed, passing these values back. This would really help me.

I found that if I was setting sensorControl on the Panorama class, to the following... sensorControl: SensorControl.AbsoluteOrientation, AND animSpeed to 0, the tracking wasn't working.

I discovered that the AnimationController was being stopped prematurely in my case, so I added a check to make sure widget.sensorControl == SensorControl.None before the AnimationController is stopped.

The hotspots in my Panorama widget are not showing when first starting the app, but only after doing a hot reload. I found out this is because on line 361 of panorama.dart there is a check for scene != null, and so at the start of the app the scene was not yet created for me and therefore no hotspots are created (when I do a hot reload the scene already exists so the hotspots are created).

Another problem I found is that the hotspots do not update their position when the camera view changes (when the user moves the camera around). This line of code solves both problems for me (i.e. hotspot is not showing at beginning, and hotspots do not update position).

I've created this #5 issue about this, so I decided to add the modifications I've suggested. This modification would really help me. I want to have a way to know the view position from a parent widget.

point not set proper on image when i set latitude longitude on image

problem is when i set my latitude and longitude then it create issue if i pass same as package example it work but when i try to set my latitude longitude then it not set on proper location on image how can i set my latitude and longitude on image ?

my response latitude longitude

        Hotspot(
                      latitude: -0.28432929839672116,
                      longitude: 1.616277412081424,
                      width: 32.0,
                      height: 32.0,
                      widget: hotspotButton(text: "Next scene", icon: Icons.double_arrow, onPressed: () => setState(() => _panoId++)),
                    ),
                    Hotspot(
                      latitude: -0.09803491532566011,
                      longitude: 3.5010972079769416,
                      width: 32.0,
                      height: 32.0,
                      widget: hotspotButton(text: "Next scene", icon: Icons.double_arrow, onPressed: () => setState(() => _panoId++)),
                    ),
                    Hotspot(
                      latitude: -0.2971211211941356,
                      longitude: 4.726412439317375,
                      width: 32.0,
                      height: 32.0,
                      widget: hotspotButton(text: "Next scene", icon: Icons.double_arrow, onPressed: () => setState(() => _panoId++)),
                    ),

When I use network image as Image provider, I get the image quality so bad.

      appBar: AppBar(
        backgroundColor: Theme.of(context).primaryColor,
        elevation: 0,
      ),
      body: SizedBox(
        height: size.height,
        width: size.width,
       child: Panorama(
          //animSpeed: 1.0,
          //sensorControl: SensorControl.Orientation,
          child: Image.network(imageURL),
       ),
      ),
    );```

How can I solve this issue?

FAILURE: Build failed with an exception.

• What went wrong: Could not determine the dependencies of task ':app:processDebugResources'.

Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'. Could not resolve androidx.window:window:[1.0.0-beta04]. Required by: project :app > project :flutter_plugin_android_lifecycle > io.flutter:flutter_embedding_debug:1.0.0-e85ea0e79c6d894c120cda4ee8ee10fe6745e187 > androidx.window:window-java:1.0.0-beta04 > Failed to list versions for androidx.window:window. > Unable to load Maven meta-data from https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml. > Could not get resource 'https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml'. > Could not GET 'https://google.bintray.com/exoplayer/androidx/window/window/maven-metadata.xml'. Received status code 502 from server: Bad Gateway

• Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

• Get more help at https://help.gradle.org

Any idea how to fix this ?

This is my first time using flutter. Any help is greatly appreciated.

Added fields to receive loading progress through a builder, error messages through an error builder and option to pass an image to be rendered in the panoramic view if original image encounters an error while loading.