360 Panorama Image Previewer

Getting started

npm install fleetback-360-panorama-image

Usage

Preview mode

<PanoramaImage
    mediaUri={uri}
    strings={{
        couldNotLoadMessage: "Make sure you have an internet connection and try again",
        couldNotLoadTitle: "Could not load the picture",
        loading: "Loading",
        openViewerMode: "Explore the interior 360",
        viewerModeTutorial: "Use your fingers to navigate in your 360",
    }}
/>

Confirm or reject mode

<PanoramaImage
    mediaUri={uri}
    strings={{
        couldNotLoadMessage: "Make sure you have an internet connection and try again",
        couldNotLoadTitle: "Could not load the picture",
        loading: "Loading",
        openViewerMode: "Explore the interior 360",
        viewerModeTutorial: "Use your fingers to navigate in your 360",
    }}
    onConfirm={() => { /* ... */ }}
    onReject={() => { /* ... */ }}
    confirmMode
/>