Prevent dialog from closing on outside touch in Flutter

Question

In Flutter i write simple dialog for loader during async task. when i touch outside dialog dismissed, How can I stop this behaviour ?

Code

  showDialog(     context: context,     builder: (_) => new Dialog(           child: new Container(             alignment: FractionalOffset.center,             height: 80.0,             padding: const EdgeInsets.all(20.0),             child: new Row(               mainAxisSize: MainAxisSize.min,               children: [                 new CircularProgressIndicator(),                 new Padding(                   padding: new EdgeInsets.only(left: 10.0),                   child: new Text("Loading"),                 ),               ],             ),           ),         )); 

Any help will be appreciated, thank you in advance.

Answer 1

There's a property called barrierDismissible that you can pass to showDialog ; which makes dialogs dismissible or not on external click

showDialog(   barrierDismissible: false,   builder: ... ) 

Answer 2

If you want to prevent dialog close when back button pressed then refer below code. You have to wrap your AlertDialog in WillPopScope widget and make onWillPop property value with function which return Future.value(false).

showDialog(       barrierDismissible: false,       context: context,       builder: (BuildContext context) {         return WillPopScope(             onWillPop: () => Future.value(false),             child:AlertDialog(             title: new Text("Alert Title"),             content: new SingleChildScrollView(               child: Container(),),             actions: <Widget>[               new FlatButton(                 child: new Text("Close"),                 onPressed: () {                 },               ),             ],           )         )       },     );