A Flutter plugin for Seatsio.
First, add seatsio
as a dependency in your pubspec.yaml
file.
dependencies:
flutter:
sdk: flutter
seatsio: ^0.3.4
Then, import seatsio
package to your dart file.
import 'package:seatsio/seatsio.dart';
Finally, config your seatsio chart with some parameters.
class _MyHomePageState extends State<MyHomePage> {
SeatsioWebViewController? _seatsioController;
final List<String> selectedObjectLabels = ['Try to click a seat object'];
late SeatingChartConfig _chartConfig;
@override
void initState() {
super.initState();
_chartConfig = SeatingChartConfig.init().rebuild((b) => b
..workspaceKey = YourWorkspaceKey
..eventKey = YourEventKey
..session = "start");
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Container(
child: Column(
children: <Widget>[
SizedBox(
height: 456,
child: _buildSeatsioView(),
),
SizedBox(
height: 100,
child: ListView.builder(
itemCount: selectedObjectLabels.length,
itemBuilder: (_, index) => Text(selectedObjectLabels[index])),
)
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _loadSeatsio,
child: Icon(Icons.refresh),
),
);
}
Widget _buildSeatsioView() {
return SeatsioWebView(
enableDebug: true,
onWebViewCreated: (controller) {
print("[Seatsio]->[example]-> onWebViewCreated");
_seatsioController = controller;
_loadSeatsio();
},
onChartRendered: (chart) {
print("[Seatsio]->[example]-> onChartRendered");
},
onChartRenderingFailed: () {
print("[Seatsio]->[example]-> onChartRenderingFailed");
},
onObjectSelected: (object, type) {
print(
"[Seatsio]->[example]-> onObjectSelected, label: ${object.label}");
_selectSeat(object);
},
onObjectDeselected: (object, type) {
print(
"[Seatsio]->[example]-> onObjectDeselected, label: ${object.label}");
_deselectSeat(object);
},
);
}
void _selectSeat(SeatsioObject object) {
setState(() {
selectedObjectLabels.add(object.label);
});
}
void _deselectSeat(SeatsioObject object) {
if (selectedObjectLabels.contains(object.label)) {
setState(() {
selectedObjectLabels.remove(object.label);
});
}
}
void _loadSeatsio() {
final newChartConfig = _chartConfig.rebuild((b) => b..showLegend = false);
_seatsioController?.reload(newChartConfig);
}
}