آموزش ویجت BackdropFilter در فلاتر

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Stack(
        children: [
          // ویجت اصلی که قصد دارید پوشش بگیرید
          Container(
            width: 200,
            height: 200,
            color: Colors.blue,
            child: Center(
              child: Text(
                'My Widget',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ),
          // ویجت BackdropFilter
          BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
            child: Container(
              width: 200,
              height: 200,
              color: Colors.transparent,
            ),
          ),
        ],
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Stack(
        children: [
          // ویجت اصلی که قصد دارید پوشش بگیرید
          Container(
            width: 200,
            height: 200,
            color: Colors.blue,
            child: Center(
              child: Text(
                'My Widget',
                style: TextStyle(
                  color: Colors.white,
                  fontSize: 24,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
          ),
          // ویجت BackdropFilter با فیلتر ImageFilter.matrix
          BackdropFilter(
            filter: ImageFilter.matrix(<double>[
              1, 0, 0, 0, 0,
              0, 1, 0, 0, 0,
              0, 0, 1, 0, 0,
              0, 0, 0, 0.5, 0,
            ]),
            child: Container(
              width: 200,
              height: 200,
              color: Colors.transparent,
            ),
          ),
        ],
      ),
    );
  }
}

BackdropFilter(
  filter: ImageFilter.matrix(<double>[
    1.2, 0, 0, 0, -30,
    0, 1.2, 0, 0, -30,
    0, 0, 1.2, 0, -30,
    0, 0, 0, 1, 0,
  ]),
  child: Container(
    width: 200,
    height: 200,
    color: Colors.transparent,
  ),
),

import 'dart:ui';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'BackdropFilter Example',
      home: Scaffold(
        appBar: AppBar(
          title: Text('BackdropFilter Example'),
        ),
        body: Center(
          child: Stack(
            children: [
              Image.network(
                'https://images.unsplash.com/photo-1530636791369-871dbd3bb3cd',
                fit: BoxFit.cover,
                width: double.infinity,
                height: double.infinity,
              ),
              BackdropFilter(
                filter: ImageFilter.matrix(<double>[
                  1.2, 0, 0, 0, -30,
                  0, 1.2, 0, 0, -30,
                  0, 0, 1.2, 0, -30,
                  0, 0, 0, 1, 0,
                ]),
                child: Container(
                  width: 200,
                  height: 200,
                  color: Colors.transparent,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}