布局

Author: AndroidHensen

.idea/workspace.xml

@@ -19,3 +19,21 @@ class ListTileItem {
   FontWeight fontWeight;
   GestureTapCallback onTap;
 }
+
+class RadioItem {
+  RadioItem({
+    this.padding,
+    this.text,
+    this.color,
+    this.fontSize,
+    this.fontWeight,
+    this.onTap,
+  });
+
+  EdgeInsets padding;
+  String text;
+  Color color;
+  double fontSize;
+  FontWeight fontWeight;
+  GestureTapCallback onTap;
+}

lib/components/bean/dialog_item.dart

@@ -34,6 +34,21 @@ var listTileItems = [
     color: Colors.grey,
     fontSize: 16.0,
   ),
+  ListTileItem(
+    onTap: () {},
+    padding: EdgeInsets.fromLTRB(16.0, 6.0, 16.0, 6.0),
+    leading: ClipOval(
+      child: Image.network(
+        "https://imgavater.ui.cn/avatar/6/0/7/5/165706.png?imageMogr2/auto-orient/crop/!798x798a109a100/thumbnail/148x148",
+        height: 50,
+        width: 50,
+        fit: BoxFit.cover,
+      ),
+    ),
+    text: "user03@gmail.com",
+    color: Colors.grey,
+    fontSize: 16.0,
+  ),
   ListTileItem(
     onTap: () {},
     padding: EdgeInsets.fromLTRB(16.0, 6.0, 16.0, 6.0),
@@ -50,6 +65,72 @@ var listTileItems = [
   ),
 ];
 
+var radioItems = [
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "None",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Callisto",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Ganymede",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Luna",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Oberon",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Phobos",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Dione",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "James",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+  RadioItem(
+    onTap: () {},
+    padding: EdgeInsets.only(left: 6.0),
+    text: "Lina",
+    color: Colors.black,
+    fontSize: 16.0,
+  ),
+];
+
 YYDialog YYListViewDialog1(BuildContext context) {
   return YYDialog().build(context)
     ..width = 280
@@ -70,15 +151,17 @@ YYDialog YYListViewDialog2(BuildContext context) {
     ..width = 280
     ..borderRadius = 4.0
     ..text(
-      padding: EdgeInsets.fromLTRB(18.0, 18.0, 18.0, 12.0),
+      padding: EdgeInsets.fromLTRB(18.0, 22.0, 18.0, 18.0),
       text: "Phone ringtone",
       color: Colors.black,
       fontSize: 18.0,
       fontWeight: FontWeight.w500,
     )
     ..divider()
+    ..listViewOfRadioButton(items: radioItems, height: 370)
+    ..divider()
     ..doubleButton(
-      padding: EdgeInsets.only(top: 10.0),
+      padding: EdgeInsets.only(top: 8.0, bottom: 8.0),
       mainAxisAlignment: MainAxisAlignment.end,
       text1: "CANCEL",
       color1: Colors.deepPurpleAccent,