小编Mar*_*ica的帖子

Flutter - 如何获得带有软边缘孔的半透明模糊层

我想为教练标记创建一个屏幕。想法是模糊和使除我的图标所在的区域外的所有内容都变暗。

我可以用羽毛边缘切出一个圆圈。但是背景上的图标也模糊了。

import 'dart:ui' as ui;
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());

class MyApp extends StatefulWidget {
@override
  State<StatefulWidget> createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
   @override
   Widget build(BuildContext context) {
     return new MaterialApp(
       title: 'Flutter Demo',
       home: HomeScreen(),
     );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => new _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  Widget build(BuildContext context) {
    return Stack(children: <Widget>[
      _buildScaffold(),
      CustomPaint(
        child: Container(
            constraints: BoxConstraints.expand(),
            child: BackdropFilter(
                filter: new …
Run Code Online (Sandbox Code Playgroud)

dart flutter

8
推荐指数
1
解决办法
4622
查看次数

标签 统计

dart ×1

flutter ×1