Smart Seat Selector #

A universal grid-based seat selection widget for Flutter supporting Cinemas, Buses, Flights, and Event halls with zoom and pan interaction.

Features #

• 🎥 Universal Support: Works for Cinemas (Screens), Buses (Drivers), and Events (Stages).
• 👆 Interactive: Built-in Zoom & Pan (InteractiveViewer) for large seat maps.
• 🎨 Highly Customizable: Control colors, sizing, gap spacing, and selection limits.
• 🧠 Smart Logic: Automatically prevents selecting booked seats, aisles, or disabled seats.
• 📱 Responsive: Grid adapts to the data you pass.

Installation #

Add this to your pubspec.yaml:

dependencies:
  smart_seat_selector: ^0.0.1

Usage #

Import the package in your Dart code:

import 'package:smart_seat_selector/smart_seat_selector.dart';

1. Basic Implementation #

To display a seat layout, use the SeatLayout widget. You need to provide the dimensions and the initial state of the seats.

SeatLayout(
  rowCount: 10,
  colCount: 4,
  seatConfig: SeatConfig(
    selectedColor: Colors.green,
    bookedColor: Colors.grey,
    availableColor: Colors.white,
  ),
  onSeatSelected: (row, col) {
    print("User clicked seat at Row $row, Col $col");
  },
)

2. Using the Controller #

Use SeatController to manage selections programmatically (e.g., to get the final list of selected seats for checkout).

// 1. Create the controller
final SeatController controller = SeatController();

// 2. Attach it to the widget
SeatLayout(
  controller: controller,
  rowCount: 10,
  colCount: 4,
  // ...
)

// 3. Access data later
void performBooking() {
  List<SeatState> selected = controller.getSelectedSeats();
  print("Booking ${selected.length} seats...");
}

Customization #

You can fully customize the look and feel to match your app theme using the SeatConfig class.

License #

This project is licensed under the MIT License - see the LICENSE file for details.