ReactiveWidget class abstract

A StatefulWidget with reactive State that supports custom Flutter mixins.

Create a custom State class where you can add Flutter's built-in mixins like SingleTickerProviderStateMixin.

Example with animation:

class AnimatedCounter extends ReactiveWidget {
  const AnimatedCounter({super.key});

  @override
  ReactiveState<AnimatedCounter> createState() => _AnimatedCounterState();
}

class _AnimatedCounterState extends ReactiveState<AnimatedCounter>
    with SingleTickerProviderStateMixin {
  late final controller = AnimationController(
    vsync: this,
    duration: const Duration(milliseconds: 300),
  );
  late final count = ref(0);

  @override
  void setup() {
    onMounted(() => controller.forward();
    onDispose(() => controller.dispose();
  }

  @override
  Widget render(BuildContext context) {
    return FadeTransition(
      opacity: controller,
      child: Text('Count: ${count.value}'),
    );
  }
}

Example with keep alive:

class KeepAliveCounter extends ReactiveWidget {
  const KeepAliveCounter({super.key});

  @override
  ReactiveState<KeepAliveCounter> createState() => _KeepAliveCounterState();
}

class _KeepAliveCounterState extends ReactiveState<KeepAliveCounter>
    with AutomaticKeepAliveClientMixin {
  late final count = ref(0);

  @override
  bool get wantKeepAlive => true;

  @override
  void setup() {}

  @override
  Widget build(BuildContext context) {
    super.build(context); // Required for AutomaticKeepAliveClientMixin
    return reactiveBuild(context); // Use reactiveBuild() instead of duplicating logic
  }

  @override
  Widget render(BuildContext context) {
    return Text('Count: ${count.value}');
  }
}