Using ImageFiltered instead of BackdropFilter to blur text

main.dart

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      builder: (_, __) => Scaffold(
        body: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget> [
            Opacity(
              opacity: 0.9,
              child: Stack(
                children: <Widget>[
                  Center(child: Text('BackdropFilter', textScaleFactor: 4.0)),
                  BackdropFilter(
                    filter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
                    child: Container(color: Colors.black.withOpacity(0.0)),
                  ),
                ],
              ),
            ),
            Opacity(
              opacity: 0.9,
              child: Stack(
                children: <Widget>[
                  Center(child: Container(color: Colors.white, width: 500, height: 75)),
                  Center(child: Text('BackdropFilter w/ bg', textScaleFactor: 4.0)),
                  BackdropFilter(
                    filter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
                    child: Container(color: Colors.black.withOpacity(0.0)),
                  ),
                ],
              ),
            ),
            Opacity(
              opacity: 0.9,
              child: ImageFiltered(
                imageFilter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
                child: Center(child: Text('Imagefiltered', textScaleFactor: 4.0)),
              ),
            ),
          ],
        ),
      ),
    );
  }
}