pinpoint 1.0.1
pinpoint: ^1.0.1 copied to clipboard
Anchored bubbles with a pointing arrow, spotlight highlighting, and guided tours for Flutter. Fully customizable and RTL-ready.
1.0.1 #
Pinpoint.triggers: show a bubble on hover, long press or tap, without a controller of your own.Pinpoint.controlleris now optional when triggers are set, andhoverDelaysets how long a hover waits.PinpointTourControls.closeBuilder: replace the tour's close button with any widget, in the bubble or the screen corner.PinpointTourControls.showProgress: a row of dots in each step's bubble, with a screen reader label set byprogressLabel.PinpointTourProgressis public for custom content.
1.0.0 #
The API is now stable.
Breaking changes, see "Migrating from 0.1.0" in the README:
dismissOnTapOutsideis renameddismissible, onPinpointandPinpointTour. It covers taps outside, the Escape key, and the barrier's dismiss action.PinpointHighlight.spotlighttakes aShapeBordershapeinstead ofborderRadius, so the hole can be a circle, a stadium, or any shape.computePinpointGeometryandPinpointGeometryare no longer exported.
New:
PinpointTourControls: built-in Next, Previous and close buttons for tours, inside the bubble or outside it on the other side of the target, with custom labels or a custom builder. The close button goes in the bubble or in the screen's corner (closePlacement).PinpointStep.showControlsturns them off for a step.Pinpoint.outsideContent: a widget placed outside the bubble, on the other side of the target.Pinpoint.cornerContent: a widget pinned to a corner of the screen, inside the safe area, that moves to another corner rather than cover the target or the bubble.- Tours across screens:
PinpointStep.onNextandonPrevioushooks to open and close screens, andPinpointTour.targetTimeoutto wait for the next target to appear on the top screen. Steps wait for screen transitions to finish, and ignore targets on covered screens. PinpointDemoandPinpointDemo.builder: sample content while a tour runs, real content otherwise.PinpointTour.activereports the running tour.PinpointTour.isActiveis now true fromstart()until the tour ends, including between steps and while waiting for a target.advanceOnTargetTaponPinpointTourandPinpointStep: tapping the target moves to the next step.- Spotlight animations, off by default:
PinpointPulse, a ring that keeps pulsing around the hole, andPinpointIris, the hole closing in on the target when it appears. Both respect reduced motion. - Bubbles with a dim or spotlight barrier stay above bubbles shown after them.
- README animations of spotlight animations, tour buttons and multi-screen tours, rendered from the example app; a recipe for showing a tour once.
0.1.0 #
Initial release.
Pinpoint: a bubble with an arrow, anchored to any widget. Shown on the top, bottom, start or end side, lined up with the target's start, center or end. Flips to the opposite side when there's no room, stays inside the screen margins, and keeps its arrow on the target. Follows the target while scrolling and hides while it's scrolled out of view.PinpointHighlight:none,dimthe screen, orspotlightthe target through a rounded hole in the barrier.PinpointTour,PinpointStepandPinpointTarget: guided tours across widgets anywhere in the app, with next, previous, skip and finish.PinpointStyleandPinpointThemefor colors, corners, padding, border, shadows and arrow size, per bubble or app-wide.PinpointBubbleBorder: the bubble shape as a standaloneShapeBorder.- Right-to-left layouts, screen readers, the Escape key, and reduced motion are supported.
