Обертывание BackdropFilter в ClipOval устраняет эффект размытия - PullRequest
0 голосов
/ 07 июня 2018

Я хотел бы создать круговой виджет, который размывает фон позади него, например:

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")
    )
  ))

К сожалению, это приводит к тому, что эффект размытия не рендерится.Я что-то упустил или это трепетание?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...