FLUTTER：如何制作模糊的文字？

Question

我尝试使用背景过滤器制作模糊的文本，如下所示：

BackdropFilter( filter: ImageFilter.blur(sigmaX: 5, sigmaY: 5), child: Text('Hello FLUTTTTER') ),

我有一个问题，文字不模糊，但我确实喜欢这个视频：https://www.youtube.com/watch?v =dYRs7Q1vfYI

Answer 1

如果您想模糊文本或整个容器，请使用 ImageFiltered 小部件来包装您的小部件，

ImageFiltered(
    imageFilter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
    child: Container(child: Text('your text')),
  )

Container(
child: ImageFiltered(
    imageFilter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
    child: Text('your text'),
  ))

如果您想模糊容器除内容之外的内容，请使用 BackdropFilter 来包装您的文本小部件

Container(
   child: BackdropFilter(
    imageFilter: ImageFilter.blur(sigmaX: 5, sigmaY: 5),
    child: Text('your text'),
  ))