Как добавить фоновую тень для остальной части экрана, когда я нажимаю на кнопку pupupmenubutton? (тот же эффект, что и в ящике) - PullRequest
0 голосов
/ 15 февраля 2020

Я хочу затенять весь экран, когда нажимаю на правую кнопку редактирования (которая дает вам три popupItem), чтобы пользователь сфокусировался на этих трех кнопках (рисунок 1)

Я хочу чтобы на всех четырех значках было 100% белого, а остальные должны быть затемнены до Фокуса на верхних кнопках

Но я не могу найти аргумент в popUpmenuitem для затенения остальной части экрана.

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

Вот мой код для Popupmenubutton: `

 PopupMenuButton<Choice>(
           //padding: EdgeInsetsDirectional.zero,
              //shape: ShapeBorder.lerp(a, b, t),
            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.spaceBetween,
                        
                          
                        children: <Widget>[
                          
                          SizedBox(width: choice.width),
                          
                          Column(
                            children: <Widget>[
                              IconButton(
                                icon: choice.icon,
                                onPressed: () => _selectTransaction(context, choice.pageTitle),
                              ),
                              SizedBox(
                                height: choice.height,
                              )
                            ],
                          ),
                         
                        ],
                        
                      ),
                    );

Таким образом, как добавить шодоу к остальной части экрана, когда я нажимаю на bopUpmenubutton и удаленно, когда я нажимаю за пределами области popmenubutton? (как тот же Effekt в ящике)

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

...