Диалоговое окно с предупреждением об отклонении флаттера - PullRequest
0 голосов
/ 03 мая 2020

В настоящее время я пытаюсь вернуться к существующему экрану из открытого диалогового окна предупреждения. Когда я пытаюсь сделать это, используя этот код:

onPressed: () => Navigator.of(context).pop(),

Я перенаправлен обратно в открытое диалоговое окно предупреждения, но я бы хотел, чтобы оно было закрыто и не открывалось при возврате к оригинальный экран. Есть ли способ сделать это помимо использования

 Navigator.of(context).push(
   MaterialPageRoute(
   builder: (context) =>
   CreatePost()));

Opened Dialog box

Это то, на что я сейчас отвлекаюсь: открытое диалоговое окно.

Вот код диалогового окна предупреждения:

AlertDialog(
  contentPadding: EdgeInsets.all(5.0),
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.all(
      Radius.circular(10.0),
    ),
   ),
   content: Stack(
     overflow: Overflow.visible,
     children: <Widget>[
       Positioned(
         right: -40.0,
         top: -40.0,
         child: InkResponse(
           onTap: () {
             Navigator.of(context).pop();
           },
           child: CircleAvatar(
             child: Icon(
               Icons.close,
               color: Colors.white,
             ),
             backgroundColor: Colors.red,
             maxRadius: 20.0,
           ),
         ),
       ),

Я могу использовать этот код, чтобы вернуться к соответствующему экрану, но он не работает с несколькими экранами используя тот же лог c:

Navigator.of(context) .push(MaterialPageRoute( builder: (context) => CampaignPage1())) .then((result) { Navigator.of(context).pop(); 

1 Ответ

0 голосов
/ 03 мая 2020

Вы можете попробовать вызвать диалог оповещения следующим образом:

class FancyAlertDialog {
  static showFancyAlertDialog(
    BuildContext context,
    String title,
    String message, {
    bool dismissable = false,
    Icon icon,
     String labelPositiveButton,
    String labelNegativeButton,
  VoidCallback onTapPositiveButton,
    VoidCallback onTapNegativeButton,
  }) {
    return showDialog(
      context: context,
      barrierDismissible: dismissable,
      child: Dialog(
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.all(
            Radius.circular(12.0),
          ),
        ),
        child: Wrap(
          children: <Widget>[
            Container(
              decoration: BoxDecoration(
                borderRadius: BorderRadius.only(
                  topLeft: Radius.circular(12.0),
                  topRight: Radius.circular(12.0),
                ),
                color: Colors.white,
              ),
              padding: EdgeInsets.symmetric(vertical: 5.0),
              child: Stack(
                children: <Widget>[
                  Align(
                    child: GestureDetector(
                      onTap: () {
                        Navigator.pop(context);
                      },
                      child: icon ?? Container(height: 0),
                    ),
                    alignment: Alignment.topRight,
                  )
                ],
              ),
            ),
            Padding(
              padding: EdgeInsets.only(
                left: 16.0,
                top: 2.0,
                right: 16.0,
                bottom: 8.0,
              ),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.stretch,
                children: <Widget>[
                  Center(
                    child: Text(title,
                        style: khomeStyle.copyWith(
                            color: Colors.black, fontSize: 16)),
                  ),
                  SizedBox(height: 8.0),
                  Text(message,
                      textAlign: TextAlign.center,
                      style: khomeStyle.copyWith(
                          color: Colors.black,
                          fontSize: 13,
                          fontWeight: FontWeight.w300)),
                  SizedBox(height: 16.0),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: <Widget>[
                      Expanded(
                        child: RaisedButton(
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.all(
                              Radius.circular(16.0),
                            ),
                          ),
                          color: Colors.grey,
                          child: Text(
                            labelNegativeButton.toUpperCase(),
                            style: TextStyle(
                              color: Colors.white,
                            ),
                          ),
                          onPressed: onTapNegativeButton,
                        ),
                      ),
                      SizedBox(width: 16.0),
                      Center(
                        child: RaisedButton(
                          shape: RoundedRectangleBorder(
                            borderRadius: BorderRadius.all(
                              Radius.circular(16.0),
                            ),
                          ),
                          color: kOrange,
                          child: Text(
                            labelPositiveButton.toUpperCase(),
                            style: TextStyle(
                              color: Colors.white,
                            ),
                          ),
                          onPressed: onTapPositiveButton,
                        ),
                      ),
                    ],
                  )
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Когда вы хотите вызвать этот диалог оповещения, вы можете вызвать его следующим образом:

FancyAlertDialog.showshowFancyAlertDialog(*Supply your arguments here*)

Когда вы звоните Вы можете вызвать функцию Navigator.pop(context) при вызове диалогового окна предупреждения в качестве параметра

FancyAlertDialog.showshowFancyAlertDialog(
...
 onTapPositiveButton: () {
                Navigator.pop(context);
                print('tap positive button');
              },
)

Текст и функция для двух кнопок могут быть указаны при вызове.

...