Skip to content

Issues with BackdropFilter #16148

@fralways

Description

@fralways

Continuation of #16144

Steps to Reproduce

I've encountered couple of issues while using BackdropFilter

  • BackdropFilter doesn't match its child's border radius
    Ex. Backdrop filter doesn't have round borders If we have Container with borderRadius
decoration: new BoxDecoration(
    color: const Color.fromRGBO(0, 0, 0, 0.5),
    borderRadius: new BorderRadius.all(const Radius.circular(8.0)),
)
  • BackdropFilter behaves strange when its child has shadows
    Ex. Backdrop filter is larger then its child if we have Container with shadow even tho shadows have 0 offset
decoration: new BoxDecoration(
    color: const Color.fromRGBO(0, 0, 0, 0.5),
    boxShadow: [
                  new BoxShadow(
                      offset: new Offset(0.0, 0.0),
                      color: const Color.fromRGBO(0, 0, 0, 0.42),
                      blurRadius: 4.0
                  ),
                ],
)

filter when there are shadows

Flutter Doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel master, v0.2.4-pre.64, on Microsoft Windows [Version 10.0.16299.248], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[√] Android Studio (version 3.1)
[√] IntelliJ IDEA Ultimate Edition (version 2017.3)
[√] Connected devices (1 available)

• No issues found!
Process finished with exit code 0

Metadata

Metadata

Assignees

No one assigned

    Labels

    frameworkflutter/packages/flutter repository. See also f: labels.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions