飞镖 – 如何在Flutter中做“磨砂玻璃”效果？

概述我正在写一个Flutter应用程序,我想使用/实现在iOS上常见的“磨砂玻璃”效果.我该怎么做？ 您可以使用 BackdropFilter widget来实现这一效果. import 'dart:ui';import 'package:flutter/material.dart';void main() { runApp(new MaterialApp(home: new Frosted 我正在写一个Flutter应用程序,我想使用/实现在iOS上常见的“磨砂玻璃”效果.我该怎么做？解决方法 您可以使用 BackdropFilter widget来实现这一效果.

import 'dart:ui';import 'package:Flutter/material.dart';voID main() {  runApp(new MaterialApp(home: new FrostedDemo()));}class FrostedDemo extends StatelessWidget {  @overrIDe  Widget build(BuildContext context) {    return new Scaffold(      body: new Stack(        children: <Widget>[          new ConstrainedBox(            constraints: const BoxConstraints.expand(),child: new Flutterlogo()          ),new Center(            child: new ClipRect(              child: new BackdropFilter(                filter: new ImageFilter.blur(sigmaX: 10.0,sigmaY: 10.0),child: new Container(                  wIDth: 200.0,height: 200.0,decoration: new Boxdecoration(                    color: colors.grey.shade200.withOpacity(0.5)                  ),child: new Center(                    child: new Text(                      'Frosted',style: theme.of(context).texttheme.display3                    ),),],);  }}

总结

以上是内存溢出为你收集整理的飞镖 – 如何在Flutter中做“磨砂玻璃”效果？全部内容，希望文章能够帮你解决飞镖 – 如何在Flutter中做“磨砂玻璃”效果？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。