widget_event 1.3.3

Just like MaterialState but with convenient name and more spices.

example/lib/example.dart

import 'package:flutter/material.dart';
import 'package:widget_event/widget_event.dart';

// Custom event
class MyWidgetEvent extends WidgetEvent {
  const MyWidgetEvent(super.value);

  static const pressed = MyWidgetEvent('pressed');
  static const edited = MyWidgetEvent('edited');

  static bool isPressed(Set<WidgetEvent> events) {
    return events.contains(MyWidgetEvent.pressed);
  }

  static bool isEdited(Set<WidgetEvent> events) {
    return events.contains(MyWidgetEvent.edited);
  }
}

// Custom property
class MyStyle {
  const MyStyle({
    this.color = Colors.blue,
    this.opacity = 1,
  });

  final Color color;
  final double opacity;

  static MyStyle? evaluate(MyStyle? value, Set<WidgetEvent> events) {
    return _DrivenMyStyle.evaluate(value, events);
  }

  static MyStyle driven(DrivenPropertyResolver<MyStyle?> callback) {
    return _DrivenMyStyle.by(callback);
  }
}

// Custom Driven Property
abstract class _DrivenMyStyle extends MyStyle
    implements DrivenProperty<MyStyle?> {
  const _DrivenMyStyle();

  @override
  MyStyle? resolve(Set<WidgetEvent> events);

  static MyStyle? evaluate(MyStyle? value, Set<WidgetEvent> events) {
    return DrivenProperty.evaluate<MyStyle?>(value, events);
  }

  static _DrivenMyStyle by(DrivenPropertyResolver<MyStyle?> callback) {
    return _DrivenMyStyleBy(callback);
  }
}

class _DrivenMyStyleBy extends _DrivenMyStyle {
  _DrivenMyStyleBy(this._resolver) : super();

  final DrivenPropertyResolver<MyStyle?> _resolver;

  @override
  MyStyle? resolve(Set<WidgetEvent> events) => _resolver(events);
}

// Custom widget with event driven property
class MyWidget extends StatefulWidget {
  const MyWidget({
    super.key,
    this.style,
    this.eventController,
    this.onPressed,
  });

  final MyStyle? style;
  final WidgetEventController? eventController;
  final VoidCallback? onPressed;

  @override
  State<MyWidget> createState() => MyWidgetState();
}

class MyWidgetState extends State<MyWidget> with WidgetEventMixin<MyWidget> {
  @override
  void initState() {
    super.initState();
    initWidgetEvents(widget.eventController);
  }

  @override
  void didUpdateWidget(covariant MyWidget oldWidget) {
    super.didUpdateWidget(oldWidget);
    updateWidgetEvents(
      oldWidget.eventController,
      widget.eventController,
    );
  }

  @override
  Widget build(BuildContext context) {
    final MyStyle? style = MyStyle.evaluate(widget.style, widgetEvents.value);
    return Container(
      color: style?.color ?? Colors.red,
      child: TextField(
        onTap: () {
          widgetEvents.toggle(MyWidgetEvent.pressed, true);
        },
        onChanged: (value) {
          widgetEvents.toggle(MyWidgetEvent.edited, true);
        },
        decoration: InputDecoration(
          border: OutlineInputBorder(
            borderSide: BorderSide(
              color: style?.color ?? Colors.black54,
            ),
          ),
          label: const Text('Password'),
        ),
      ),
    );
  }
}

final myWidget = MyWidget(
  style: MyStyle.driven((events) {
    if (MyWidgetEvent.isEdited(events)) {
      return const MyStyle(color: Colors.amber);
    }
    return null;
  }),
);