[Feature Request] Add extra mouse callbacks for TabView's Tab

[diluculo]

Add built-in context flyout support to Tab items in TabView to provide quick access to tab operations.

Example Usage

Tab(
  text: const Text('Tab 1'),
  body: Container(),
  flyoutItems: [
    FlyoutMenuItem(
      text: const Text('Close'),
      onPressed: onClosed,
    ),
    FlyoutMenuItem(
      text: const Text('Close Others'),
      onPressed: () {
        // Handle close others
      },
    ),
    FlyoutMenuItem(
      text: const Text('Rename'),
      onPressed: () {
        // Handle rename
      },
    ),
  ],
  onClosed: () {
    // Handle tab close
  },
)

[diluculo]

I'm uncertain about the standard approach for handling context menus in Flutter. Perhaps using GestureDetector.onSecondaryTapUp for desktop app and onLongPress for web app might work.

[bdlukaa]

Unfortunately we do not implement extra features that are not present in the native implementation. On the native TabView, this isn't implemented by default - and is always implemented by the software itself. Each browser has its own Flyout implementation on the tabs.

We currently do not expose the onSecondaryTap and onLongPress callbacks for the Tab widget, but it can be easily added by extending the Tab class and creating your own tab implementation.

final MyCustomTab extends Tab {

  MyCustomTab({
    super.key,
    required super.body,
    required super.text,
  });
  
  @override
  State<Tab> createState() => MyCustomTabState();

}

class MyCustomTabState extends TabState {

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onSecondaryTap: () { ... },
      onLongPress: () { ... },
      child: super.build(context),
    );
  }

}

I am making this a request to add extra action callbacks to the Tab widget. A pull-request would be highly appreciated.