title: How to create a custom Dialog in flutter
body: <p>I want to create a custom dialog as shown below. I am able to create a normal dialog with two buttons(the positive and negative buttons). But I searched a lot about creating custom dialog like the one shown below but in vain.</p>
  <p><a href="https://i.stack.imgur.com/Ic6jT.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ic6jT.jpg" alt="enter image description here" /></a></p>
  <pre><code>showAlertDialog(BuildContext context) {
  
      // set up the buttons
      Widget cancelButton = FlatButton(
        child: Text(&quot;Cancel&quot;),
        onPressed:  () {},
      );
      Widget continueButton = FlatButton(
        child: Text(&quot;Continue&quot;),
        onPressed:  () {},
      );
  
      // set up the AlertDialog
      AlertDialog alert = AlertDialog(
        title: Text(&quot;Action&quot;),
        content: Text(&quot;Would you like to continue learning how to use Flutter alerts?&quot;),
        actions: [
          cancelButton,
          continueButton,
        ],
      );
  
      // show the dialog
      showDialog(
        context: context,
        builder: (BuildContext context) {
          return alert;
        },
      );
    }
  </code></pre>
  <p>Now I want to have these buttons and the image as the children of the dialog and the icon button 'X' in the bottom to close the dialog. Any help is appreciated. I am a complete beginner in flutter.</p>