"Clickable" widget for flutter that makes any widget clickable and hoverable.

clickable.dart

import 'package:flutter/widgets.dart';

/// Makes any widget inside clickable and hover-able.
/// If the onPressed callback is null, the widget will not catch any
/// click events (but still hover events).
class Clickable extends StatefulWidget {
  final Widget Function(BuildContext context, bool isHovered) builder;
  final VoidCallback? onPressed;

  const Clickable({super.key, this.onPressed, required this.builder});

  @override
  State<Clickable> createState() => _ClickableState();
}

class _ClickableState extends State<Clickable> {
  var _isHovered = false;

  @override
  Widget build(BuildContext context) => MouseRegion(
        onEnter: (_) => setState(() => _isHovered = true),
        onExit: (_) => setState(() => _isHovered = false),
        cursor: SystemMouseCursors.click,
        child: GestureDetector(
          onTap: widget.onPressed,
          child: widget.builder(context, _isHovered),
        ),
      );
}