spotube/lib/components/Shared/Waypoint.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter_hooks/flutter_hooks.dart';
import 'package:visibility_detector/visibility_detector.dart';

class Waypoint extends HookWidget {
  final void Function()? onTouchEdge;
  final Widget? child;
  final ScrollController controller;
  final bool isGrid;

  const Waypoint({
    Key? key,
    required this.controller,
    this.isGrid = false,
    this.onTouchEdge,
    this.child,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    useEffect(() {
      if (isGrid) {
        return null;
      }
      listener() {
        // nextPageTrigger will have a value equivalent to 80% of the list size.
        final nextPageTrigger = 0.8 * controller.position.maxScrollExtent;

// scrollController fetches the next paginated data when the current postion of the user on the screen has surpassed
        if (controller.position.pixels >= nextPageTrigger) {
          onTouchEdge?.call();
        }
      }

      if (controller.hasClients) {
        listener();
      }

      controller.addListener(listener);
      return () => controller.removeListener(listener);
    }, [controller, onTouchEdge]);

    if (isGrid) {
      return VisibilityDetector(
        key: const Key("waypoint"),
        onVisibilityChanged: (info) {
          if (info.visibleFraction > 0) {
            onTouchEdge?.call();
          }
        },
        child: child ?? Container(),
      );
    }

    return child ?? Container();
  }
}