A 360-degree panorama viewer.
This package is an updated porting of the plugin https://github.com/zesage/panorama.
Add panorama as a dependency in your pubspec.yaml file.
dependencies:
panorama_viewer: ^2.0.4Import and add the Panorama Viewer widget to your project.
import 'package:panorama_viewer/panorama_viewer.dart';
... ...
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: PanoramaViewer(
child: Image.asset('assets/panorama360.jpg'),
),
),
);
}- In the dependencies, use
panorama_viewerinstead ofpanorama. - In the Dart files where you use panorama, change the import to:
import 'package:panorama_viewer/panorama_viewer.dart';. - Change the widget name from
PanoramatoPanoramaViewer. - If you've used
SensorControl, changeSensorControl.OrientationtoSensorControl.orientation. All constant names are now in lower camel case, following the latest Dart best practices.
On the web, sensors are not utilized because the sensor library used is only compatible with iOS and Android devices. Additionally, on some Android devices, if the panoramic image is too large, nothing is displayed. When checking the console log remotely, you may encounter WebGL errors or warnings.