Я хотел бы создать круговой виджет, который размывает фон позади него, например:
new BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
child: new Container(
decoration: new BoxDecoration(shape: BoxShape.circle, color: Colors.lightBlue.withOpacity(0.5)),
child: Text("Something")
)
)
Это работает, но показывает размытие для полного прямоугольника вокруг BoxDecoration, за пределами синей области,Итак, я подумал, что оберну его в ClipOval, чтобы обрезать его, вот так:
ClipOval ( child: new BackdropFilter(
filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
child: new Container(
decoration: new BoxDecoration(shape: BoxShape.circle, color: Colors.lightBlue.withOpacity(0.5)),
child: Text("Something")
)
))
К сожалению, это приводит к тому, что эффект размытия не рендерится.Я что-то упустил или это трепетание?