How to implement a Custom dialog box in flutter?

by

Use Dialog class which is a parent class to AlertDialog class in Flutter. Dialog widget has a argument , “shape” which you can use to shape the Edges of the Dialog box.

Here is a code sample:

 Dialog errorDialog = Dialog(
  shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12.0)), //this right here
  child: Container(
    height: 300.0,
    width: 300.0,
   
    child: Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        Padding(
          padding:  EdgeInsets.all(15.0),
          child: Text('Cool', style: TextStyle(color: Colors.red),),
        ),
        Padding(
          padding: EdgeInsets.all(15.0),
          child: Text('Awesome', style: TextStyle(color: Colors.red),),
        ),
        Padding(padding: EdgeInsets.only(top: 50.0)),
        TextButton(onPressed: () {
          Navigator.of(context).pop();
        },
            child: Text('Got It!', style: TextStyle(color: Colors.purple, fontSize: 18.0),))
      ],
    ),
  ),
);
showDialog(context: context, builder: (BuildContext context) => errorDialog);}

More Related Contents:

  1. How to deal with unwanted widget build?
  2. Flutter: Scrolling to a widget in ListView
  3. Flutter – Wrap text on overflow, like insert ellipsis or fade
  4. How to refresh an AlertDialog in Flutter?
  5. How to show/hide widgets programmatically in Flutter
  6. How to add a ListView to a Column in Flutter?
  7. How to create dropown list in flutter where data comes from API?
  8. How do I do the “frosted glass” effect in Flutter?
  9. How to add image in Flutter
  10. InkWell not showing ripple effect
  11. Flutter Layout Row / Column – share width, expand height
  12. Flutter: Expanded vs Flexible
  13. How to detect swipe in flutter
  14. Flutter API Fetch and Sending Data from One screen to another screen
  15. Flutter how to draw semicircle (half circle)
  16. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  17. How can I navigate between 2 classes, one of them requires passing data? in flutter
  18. How to check if scroll position is at top or bottom in ListView?
  19. Flutter Zoomable Widget
  20. Builder versus GlobalKey
  21. Flutter use variable created inside Future builder outside of the build method,
  22. How to make button width match parent?
  23. Flutter: BottomNavigationBar rebuilds Page on change of tab
  24. How to use BottomNavigationBar with Navigator?
  25. How can I add shadow to the widget in flutter?
  26. How do I remove Flutter IconButton big padding?
  27. Preserving state between tab view pages
  28. Flutter – How to make a custom TabBar
  29. Flutter – How can I dynamically show or hide App Bars on pages
  30. Outlined transparent button with gradient border in flutter

Leave a Comment