hotspot
An interactivity & developer experience experiment for building easy tours.
demo.mp4
Extensions look like callouts. Common tour flows look like callouts. So let's use them both so the code looks like the tours.
class Example extends StatelessWidget {
const Example({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return IconButton(
icon: const Icon(Icons.play_arrow),
onPressed: () {
HotspotProvider.of(context).startFlow();
},
).withHotspot(
order: 1,
title: 'Tour It!',
text: 'This is the first callout in the tour!',
);
}
}