flutter - 使用 PopupMenuButton 后背景模糊

Question

我有一个 PopupMenuButton，打开后我希望背景模糊或变暗，以便焦点在新打开的菜单上。

return Scaffold(
 appbar: AppBar(
  //....
  leading: BackdropFilter(
            filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
            child: PopupMenuButton<String>(
              color: kLightGreen,
              offset: Offset(30, 30),
              icon: Icon(
                Icons.sort,
                color: kLightestGreen,
              ),
              onSelected: choiceAction,
              itemBuilder: (BuildContext context) {
                return Constants.choices.map((String choice) {
                  return PopupMenuItem<String>(
                    value: choice,
                    child: Text(
                      choice,
                      textAlign: TextAlign.left,
                      style: TextStyle(color: Colors.white),
                    ),
                  );
                }).toList();
              },
            ),
          ),
 //...
 )
)

打开菜单前 打开菜单 后

标签： flutterflutter-layout