Search code examples
flutterandroid-alertdialogmultiple-alert-dialogs

Flutter & AlertDialog : How do I align it to bottom? How I make 2 Alert Dialogs like this pictures?


Flutter & AlertDialog : How do I align it to bottom? How I make 2 Alert Dialogs like this pictures?Please have a lot at this picture.

enter image description here

showDialog(
                                context: context,
                                builder: (BuildContext context) {
                                  double width =
                                      MediaQuery.of(context).size.width;
                                  double height =
                                      MediaQuery.of(context).size.height;
                                  return AlertDialog(
                                    backgroundColor: Colors.transparent,
                                    contentPadding: EdgeInsets.zero,
                                    title: Center(
                                        child: Text("Evaluation our APP")),
                                    content: Container(

                                       // What Should I write here?

                                    )
                                },
                              );

Solution

  • Here is one of the solutions:

              showDialog(
                context: context,
                builder: (BuildContext context) {
                  double width = MediaQuery.of(context).size.width;
                  double height = MediaQuery.of(context).size.height;
                  return AlertDialog(
                      backgroundColor: Colors.transparent,
                      contentPadding: EdgeInsets.zero,
                      elevation: 0.0,
                      // title: Center(child: Text("Evaluation our APP")),
                      content: Column(
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: [
                          Container(
                            padding: const EdgeInsets.all(8.0),
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius:
                                    const BorderRadius.all(Radius.circular(10.0))),
                            child: Column(
                              children: [
                                Text("a"),
                                Divider(),
                                Text("b"),
                                Divider(),
                                Text("c"),
                              ],
                            ),
                          ),
                          SizedBox(
                            height: 10,
                          ),
                          Container(
                            padding: const EdgeInsets.all(8.0),
                            decoration: BoxDecoration(
                                color: Colors.white,
                                borderRadius:
                                    const BorderRadius.all(Radius.circular(10.0))),
                            child: Center(child: Text("d")),
                          )
                        ],
                      ));
                },
              );