Breaking News: Grepper is joining You.com. Read the official announcement!

flutter dialog modal middle

OwO People answered on April 25, 2023 Popularity 3/10 Helpfulness 3/10

answer flutter dialog modal middle

flutter dialog modal middle

Comment

void showCustomDialog(BuildContext context, String message) {
  showDialog(
    barrierDismissible: false,
    context: context,
    builder: (BuildContext cxt) {
      return Align(
        alignment: Alignment.center,
        child:
        Padding(
          padding: const EdgeInsets.all(16),
          child: Material(
            color: Colors.white,
            shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
            child: Padding(
              padding: const EdgeInsets.all(16),
              child:
              Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  Row(
                    children:[
                      Expanded(
                        child: Text(
                          message,
                          textAlign: TextAlign.center,
                          style: const TextStyle(color: Colors.black),
                        ),
                      ),
                    ]
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children:[
                      Container(
                        padding: const EdgeInsets.only(top: 12.0),
                        child:
                        ElevatedButton(
                            style: ButtonStyle(
                                foregroundColor: MaterialStateProperty.all<Color>(Colors.white),
                                backgroundColor: MaterialStateProperty.all<Color>(Color(0xFF007DFE)),
                                padding: MaterialStateProperty.all<EdgeInsets>(const EdgeInsets.symmetric(horizontal: 24.0)),
                                shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                                    RoundedRectangleBorder(
                                        borderRadius: BorderRadius.circular(4.0),
                                        side: const BorderSide(color: Color(0xFF007DFE))
                                    )
                                )
                            ),
                            onPressed: () => {
                              Navigator.of(context).pop()
                            },
                            child: const Text("OK", style: TextStyle(fontSize: 12.0))
                        )
                      )
                    ]
                  )
                ],
              ),
            ),
          ),
        ),
      );
    },
  );
}

Popularity 3/10 Helpfulness 3/10 Language java

Source: Grepper

Tags: flutter-dialog java

Link to this answer
Share Copy Link

Contributed on Apr 25 2023

OwO People

0 Answers Avg Quality 2/10

flutter dialog modal middle

Contents

More Related Answers

flutter dialog modal middle

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.