How to add dividers in flutter with yes no buttons?

Question

I have to add a horizontal and a vertical divider for my alert dialog as shown in figure.

The only method I am trying is here, better not to refer this code, but I need to design as expected in image.

AlertDialog(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.all(Radius.circular(10.0))
  ),
  content: Column(
    mainAxisSize: MainAxisSize.min,
    children: <Widget>[
      new Row(
        children: <Widget>[
          Expanded(
            child: Container(
              decoration: BoxDecoration(
                border: Border.all(color: Colors.black)
              ),
              child: new GestureDetector(
                onTap: () => callback(AlertButton.positive),
                child: new Text(
                  positiveActionText,
                  textAlign: TextAlign.center,
                ),
              ),
            ),
          ),
          Expanded(
            child: Container(
              decoration: BoxDecoration(
                border: Border.all(color: Colors.black)
              ),
              child: new GestureDetector(
                onTap: () => callback(AlertButton.negative),
                child: new Text(
                  negativeActionText,
                  textAlign: TextAlign.center,
                ),
              ),
            ),
          ),
        ],
      ),
    ],
  ),
);

The below is an image: Expected design Image

Does this answer your question? [Flutter divider widget not appearing](https://stackoverflow.com/questions/49088934/flutter-divider-widget-not-appearing) — AskNilesh, Jan 10 '20 at 12:19

Augustin R · Accepted Answer · 2020-01-10T12:28:39.957

3

You can use CupertinoAlertDialog, which has these lines by default :

In your case :

showDialog(
    context: context,
    builder: (_) => CupertinoAlertDialog(
        content: Text('Are you sure want to logout?'),
        actions: [
            CupertinoDialogAction(child: Text('Yes'), onPressed: (){}),
            CupertinoDialogAction(child: Text('No'), onPressed: (){}),
        ],
    ),
);

edited Jan 10 '20 at 12:28

answered Jan 10 '20 at 12:21

Augustin R

7,089
3
26
54

score 0 · Answer 2 · answered Jan 10 '20 at 12:22

0

You can use the Divider widget

Divider(
  color: Colors.black87,
  height: 10.0,
  indent: 5.0,// Starting Space
  endIndent: 5.0 // Ending Space
)

answered Jan 10 '20 at 12:22

Android

99
1
1
13

Sagar Acharya · Answer 3 · 2020-01-10T13:18:20.053

var alert = new CupertinoAlertDialog(
  title: new Text("Alert"),
  content: new Text("Test Sample 123."),
  actions: <Widget>[
    new CupertinoDialogAction(
      child: const Text('Discard'),
      isDestructiveAction: true,
      onPressed: (){}
    ),
    new CupertinoDialogAction(
        child: const Text('Cancel'),
        isDefaultAction: true,
        onPressed: () {}
    ),
  ],
);

showDialog(context: context, child: alert);

How to add dividers in flutter with yes no buttons?

3 Answers3