Listening physical windows size for Flutter build web. Listen with and without debouncer

windows_resize_listener.dart

import 'dart:async';
import 'package:rxdart/rxdart.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'dart:html' as html;

class WindowResizeListener extends StatefulWidget {
  final Widget child;
  const WindowResizeListener({super.key, required this.child});
  @override
  WindowResizeListenerState createState() => WindowResizeListenerState();
}

class WindowResizeListenerState extends State<WindowResizeListener> {
  final eventSubject = PublishSubject<html.Event>();

  @override
  void initState() {
    super.initState();

    /// Option 1
    html.window.addEventListener('resize', _handleWindowSizeChanged);

    /// Option 2
    Stream<html.Event> debouncedResizeStream = html.window.onResize;
    debouncedResizeStream.listen((event) {
      eventSubject.add(event);
    });

    final debouncedStream = eventSubject.debounceTime(const Duration(milliseconds: 100));
    debouncedStream.listen(_handleWindowResize);
    
  }

  @override
  void dispose() {
    /// Option 1
    html.window.removeEventListener('resize', _handleWindowSizeChanged);
    
    /// Option 2
    eventSubject.close();

    super.dispose();
  }

  void _handleWindowResize(_) {
    // Using Debouncer
  }

  void _handleWindowSizeChanged(_) {
    // Without Debouncer    
  }

  @override
  Widget build(BuildContext context) {
    return widget.child;
  }
}