import 'package:flutter/material.dart';
import 'frosted_glass_demo.dart';
void main()=> runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'flutter',
theme: ThemeData(
primarySwatch: Colors.blue
),
home: Scaffold(
body: FrostedClassDemo(),
),
);
}
}
import 'package:flutter/material.dart';
import 'dart:ui';
class FrostedClassDemo extends StatelessWidget{
@override
Widget build(BuildContext context) {
return Scaffold(
body: Stack(
children: <Widget>[
ConstrainedBox(
constraints: const BoxConstraints.expand(),
child: Image.network('https://oss.wangmiaozero.cn/blogs/Carousel/5.png'),
),
Center(
child: ClipRect(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5.0,sigmaY: 5.0),
child: Opacity(
opacity: 0.5,
child: Container(
width: 500.0,
height: 700.0,
decoration: BoxDecoration(color: Colors.grey.shade200),
child: Center(
child: Text('毛玻璃',style: Theme.of(context).textTheme.display3
),
),
),
),
),
),
)
],
),
);
}
}