import 'dart:ui' as UI;
import 'package:http/http.dart' as http;

import 'package:flutter/material.dart';

void main() => runApp(const MainApp());

class MainApp extends StatelessWidget {
  const MainApp({super.key});

  static const url = 'https://docs.flutter.dev/assets/images/dash/Dash.png';

  static Future<UI.Image> loadImage() async {
    final response = await http.get(Uri.parse(url));
    return await decodeImageFromList(response.bodyBytes);
  }

  @override
  Widget build(context) => Directionality(
    textDirection: TextDirection.ltr, 
    child: FutureBuilder(
      future: loadImage(),
      builder: (_, snapchot) => snapchot.hasData
        ? Stack(children: [MyWidget(data: snapchot.data!,)])
        : const SizedBox(),
    )
  );
}

class MyWidget extends StatefulWidget {
  final UI.Image data;
  const MyWidget({super.key, required this.data});

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

class _MyWidgetState extends State<MyWidget> with TickerProviderStateMixin {
  @override
  Widget build(BuildContext context) => CustomPaint(painter: Painter(widget.data));
}

class Painter extends CustomPainter {
  final UI.Image image;

  Painter(this.image);
  
  @override
  void paint(Canvas canvas, Size size) {    
    final blurFilter = UI.ImageFilter.blur();
    final transformFilter = UI.ImageFilter.matrix(Matrix4.identity().storage);

    canvas.drawImage(image, Offset.zero, Paint()
        ..imageFilter = UI.ImageFilter.compose(inner: transformFilter, outer: blurFilter));
  }

  @override
  bool shouldRepaint(oldDelegate) => false;
}