Как добавить фон на весь экран, когда я нажимаю кнопку popupmenu и снова отменяю фон?

Question

Как добавить затемненный макет фона, когда я нажимаю кнопку popupmenu. Я хочу получить такой результат:

Как мне этого добиться? Он автоматически добавляется на виджет ящика, но не на кнопку всплывающего меню. Есть ли способ дублировать функцию из ящика (добавить фон на весь экран) в popUpmenuButton? Можно ли что-то сделать со стеком при нажатии на popopmenuButtom?

Это мой popupMenuButton код:

@override
  Widget build(BuildContext context) {
   
    return PopupMenuButton<Choice>(
     
              offset: Offset(300, 150),
              icon: Icon(
                MyIcon.edit,
                // color: Colors.white,
                size: 40, color: Colors.white,
              ),
              elevation: 0,
              // onSelected: _selectTransaction,
              itemBuilder: (BuildContext context) {
                return choices.map((Choice choice) {
                  return PopupMenuItem<Choice>(
                    height: 20,
                    value: choice,
                    child: Row(
                      mainAxisSize: MainAxisSize.max,
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: <Widget>[
                        
                        Column(
                          children: <Widget>[
                            IconButton(
                              icon: choice.icon,
                              onPressed: () =>
                                  _selectTransaction(context, choice.pageTitle),
                            ),
                            SizedBox(
                              height: choice.height,
                            )
                          ],
                        ),
                        SizedBox(width: choice.width),
                      ],
                    ),
                  );
                }).toList();
              });
  }

Я новичок в трепетании и хотел бы услышать несколько советов:)