布局

Author: AndroidHensen

example/lib/main.dart

@@ -47,9 +47,12 @@ showAlertDialog(BuildContext context) {
             makeTextButton("body", () {
               YYAlertDialogBody(context);
             }),
-            makeTextButton("head&body", () {
+            makeTextButton("head", () {
               YYAlertDialogHeadAndBody(context);
             }),
+            makeTextButton("divider", () {
+              YYAlertDialogWithDivider(context);
+            }),
           ],
         ),
         Text("2、dialog gravity"),
@@ -81,15 +84,39 @@ showAlertDialog(BuildContext context) {
                 gravity: Gravity.right,
               );
             }),
+            makeTextButton("center", () {
+              YYAlertDialogWithGravity(
+                context: context,
+                width: 250.0,
+                gravity: Gravity.center,
+              );
+            }),
           ],
         ),
         Text("3、double button gravity"),
         Row(
           children: <Widget>[
-            makeTextButton("bottom", () {}),
-            makeTextButton("top", () {}),
-            makeTextButton("left", () {}),
-            makeTextButton("right", () {}),
+            makeTextButton("left", () {
+              YYAlertDialogWithGravity(
+                context: context,
+                width: 250.0,
+                doubleButtonGravity: Gravity.left,
+              );
+            }),
+            makeTextButton("right", () {
+              YYAlertDialogWithGravity(
+                context: context,
+                width: 250.0,
+                doubleButtonGravity: Gravity.right,
+              );
+            }),
+            makeTextButton("center", () {
+              YYAlertDialogWithGravity(
+                context: context,
+                width: 250.0,
+                doubleButtonGravity: Gravity.center,
+              );
+            }),
           ],
         ),
       ],
@@ -110,7 +137,7 @@ showListViewDialog(BuildContext context) {
             makeTextButton("listTile", () {
               YYListViewDialogListTile(context);
             }),
-            makeTextButton("listButton", () {
+            makeTextButton("listRadio", () {
               YYListViewDialogListButton(context);
             }),
           ],
@@ -121,10 +148,15 @@ showListViewDialog(BuildContext context) {
 }
 
 Widget makeTextButton(title, Function() function) {
-  return RaisedButton(
-    onPressed: () {
-      function();
-    },
-    child: Text(title),
+  return SizedBox(
+    width: 70.0,
+    height: 35.0,
+    child: RaisedButton(
+      padding: EdgeInsets.all(0.0),
+      onPressed: () {
+        function();
+      },
+      child: Text(title),
+    ),
   );
 }

lib/components/alert_dialog.dart

@@ -46,7 +46,7 @@ YYDialog YYAlertDialogHeadAndBody(BuildContext context) {
       fontSize: 15.0,
     )
     ..doubleButton(
-      padding: EdgeInsets.only(top: 24.0),
+      padding: EdgeInsets.only(top: 20.0),
       gravity: Gravity.right,
       text1: "DISAGREE",
       color1: Colors.deepPurpleAccent,
@@ -64,7 +64,37 @@ YYDialog YYAlertDialogHeadAndBody(BuildContext context) {
     ..show();
 }
 
-YYDialog YYAlertDialogWithGravity({context, width, gravity}) {
+YYDialog YYAlertDialogWithDivider(BuildContext context) {
+  return YYDialog().build(context)
+    ..width = 220
+    ..borderRadius = 4.0
+    ..text(
+      padding: EdgeInsets.all(25.0),
+      alignment: Alignment.center,
+      text: "确定要退出登录吗?",
+      color: Colors.black,
+      fontSize: 14.0,
+      fontWeight: FontWeight.w500,
+    )
+    ..divider()
+    ..doubleButton(
+      padding: EdgeInsets.only(top: 10.0),
+      gravity: Gravity.center,
+      withDivider: true,
+      text1: "取消",
+      color1: Colors.redAccent,
+      fontSize1: 14.0,
+      fontWeight1: FontWeight.bold,
+      text2: "确定",
+      color2: Colors.redAccent,
+      fontSize2: 14.0,
+      fontWeight2: FontWeight.bold,
+    )
+    ..show();
+}
+
+YYDialog YYAlertDialogWithGravity(
+    {context, width, gravity, doubleButtonGravity}) {
   return YYDialog().build(context)
     ..width = width
     ..gravity = gravity
@@ -84,8 +114,8 @@ YYDialog YYAlertDialogWithGravity({context, width, gravity}) {
       fontSize: 15.0,
     )
     ..doubleButton(
-      padding: EdgeInsets.only(top: 24.0),
-      gravity: Gravity.right,
+      padding: EdgeInsets.only(top: 20.0),
+      gravity: doubleButtonGravity ?? Gravity.right,
       text1: "DISAGREE",
       color1: Colors.deepPurpleAccent,
       fontSize1: 14.0,

lib/flutter_custom_dialog.dart

@@ -47,7 +47,9 @@ class YYDialog {
   YYDialog doubleButton({
     padding,
     gravity,
+    height,
     isClickAutoDismiss = true, //点击按钮后自动关闭
+    withDivider = false, //中间分割线
     text1,
     color1,
     fontSize1,
@@ -60,8 +62,8 @@ class YYDialog {
     onTap2,
   }) {
     return this.widget(
-      Padding(
-        padding: padding ?? EdgeInsets.all(0.0),
+      SizedBox(
+        height: height ?? 45.0,
         child: Row(
           mainAxisAlignment: getRowMainAxisAlignment(gravity),
           children: <Widget>[
@@ -82,6 +84,10 @@ class YYDialog {
                 ),
               ),
             ),
+            Visibility(
+              visible: withDivider,
+              child: VerticalDivider(),
+            ),
             FlatButton(
               onPressed: () {
                 if (onTap2 != null) onTap2();
@@ -308,7 +314,7 @@ class YYDialog {
         break;
       case Gravity.center:
       default:
-        mainAxisAlignment = MainAxisAlignment.spaceAround;
+        mainAxisAlignment = MainAxisAlignment.center;
         break;
     }
     return mainAxisAlignment;