如何在CircleAvatar上添加BackdropFilter?

时间:2019-06-27 10:24:13

标签: flutter

我有一个带有领先的CircleAvatar的ListTile小部件。在特定情况下,我想在此CircleAvatar上放置一个BackdropFilter。我该如何处理?

我尝试了几件事。包括本周小部件中的建议:https://youtu.be/dYRs7Q1vfYI

Stack(
      children: [
        CircleAvatar(
          child: Text(_initialsForAvatar),
          backgroundImage: _isExistingPhoto
              ? CachedNetworkImageProvider(
                  photoUrl,
                )
              : MemoryImage(kTransparentImage),
        ),
        Positioned.fill(
          child: BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
            child: Container(
              decoration: BoxDecoration(color: Colors.white.withOpacity(0.0)),
            ),
          ),
        )
      ],
    );

我用这段代码得到的是全屏背景幕: Full Screen BackdropFiltered

0 个答案:

没有答案