class ShaderProvider extends InheritedWidget {
  const ShaderProvider({
    super.key,
    required this.shader,
    required super.child,
  });

  final ShaderCollection shader;

  static ShaderCollection of(BuildContext context) {
    final provider =
    context.dependOnInheritedWidgetOfExactType();
    return provider!.shader;
  }

  @override
  bool updateShouldNotify(covariant ShaderProvider oldWidget) {
    return oldWidget.shader != shader;
  }
}

import 'dart:ui' as ui;

void main() async {

  WidgetsFlutterBinding.ensureInitialized();
  final motionBlurDistortionShader = await ui.FragmentProgram.fromAsset('lib/widgets/blur.frag');

  runApp(MyApp(design: motionBlurDistortionShader));
}

class MyApp extends StatelessWidget {
  final FragmentProgram design;
  const MyApp({super.key,required this.design});

  @override
  Widget build(BuildContext context) {

    return ShaderProvider(
        shader: ShaderCollection(
        motionBlurDistortionShader: design,
          rgbSplitDistortionShader: design,
    ),
      child: MaterialApp(
          title: 'My Application Test',
          home: const MotionBlurDistortionPage(),
      ),
    );
  }
}

class MotionBlurDistortionPage extends StatefulWidget {
  const MotionBlurDistortionPage({super.key});

  @override
  State createState() =>
      _MotionBlurDistortionPageState();
}

class _MotionBlurDistortionPageState extends State {
  late final ScrollController _controller;
  ui.Image? previosImage;
  double offset = 0;
  double velocity = 0;

  @override
  void initState() {
    super.initState();
    _controller = ScrollController()
      ..addListener(scrollListener)
      ..addListener(() {
        if (!_controller.position.isScrollingNotifier.value) {
          setState(() {
            previosImage = null;
            velocity = 0;
          });
        }
      });
  }

  void scrollListener() {
    velocity = offset - _controller.offset;
    offset = _controller.offset;
  }
}

#version 460 core
#include <flutter/runtime_effect.glsl>

uniform vec2 u_size;
uniform vec2 u_velocity;
uniform sampler2D u_texture;

out vec4 frag_color;

void main() {
    const int q = 24;
    vec2 p = FlutterFragCoord().xy / u_size;
    vec2 v = u_velocity / (u_size * 2.0);

    float o = -pow((p.y * 2.0) - 1.0, 6.0) + 1.0;
    vec4 new_p = vec4(0.0);

    for (int i = 0; i < q; i++) {
        float offset_x = (o - 1.0) * length(v.y) * 6.0 * (p.x - 0.5);
        vec2 sample_pos = vec2(p.x + offset_x + (v.x * float(i)) / float(q), p.y + 0.01 + (v.y * float(i)) / float(q));
        new_p += texture(u_texture, sample_pos);
    }

    new_p /= float(q);
    frag_color = new_p;
}

flutter:

  shaders:
    - lib/widgets/blur.frag