布局

Author: AndroidHensen

example/lib/main.dart

@@ -140,7 +140,7 @@ showListViewDialog(BuildContext context) {
               YYListViewDialogListTile(context);
             }),
             makeTextButton("listRadio", () {
-              YYListViewDialogListButton(context);
+              YYListViewDialogListRadio(context);
             }),
           ],
         ),

lib/components/listview_dialog.dart

@@ -139,7 +139,7 @@ YYDialog YYListViewDialogListTile(BuildContext context) {
     ..show();
 }
 
-YYDialog YYListViewDialogListButton(BuildContext context) {
+YYDialog YYListViewDialogListRadio(BuildContext context) {
   return YYDialog().build(context)
     ..width = 280
     ..borderRadius = 4.0

lib/flutter_custom_dialog.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_custom_dialog/components/bean/dialog_item.dart';
 
 import 'components/bean/dialog_gravity.dart';
+import 'flutter_custom_dialog_widget.dart';
 
 class YYDialog {
   //================================弹窗属性======================================
@@ -162,45 +163,13 @@ class YYDialog {
     Color activeColor,
     Function(int) onClickItemListener,
   }) {
-    var _groupValue = 0;
     return this.widget(
       Container(
         height: height,
-        child: ListView.builder(
-          padding: EdgeInsets.all(0.0),
-          shrinkWrap: true,
-          itemCount: items.length,
-          itemBuilder: (BuildContext context, int index) {
-            return Material(
-              color: Colors.white,
-              child: InkWell(
-                child: ListTile(
-                  onTap: () {
-                    if (onClickItemListener != null) {
-                      onClickItemListener(index);
-                    }
-                  },
-                  contentPadding: items[index].padding ?? EdgeInsets.all(0.0),
-                  leading: Radio(
-                    value: index,
-                    groupValue: _groupValue,
-                    onChanged: (int value) {
-                      _groupValue = value;
-                    },
-                    activeColor: activeColor,
-                  ),
-                  title: Text(
-                    items[index].text ?? "",
-                    style: TextStyle(
-                      color: items[index].color ?? null,
-                      fontSize: items[index].fontSize ?? null,
-                      fontWeight: items[index].fontWeight ?? null,
-                    ),
-                  ),
-                ),
-              ),
-            );
-          },
+        child: YYRadioListTile(
+          items: items,
+          activeColor: activeColor,
+          onChanged: onClickItemListener,
         ),
       ),
     );

lib/flutter_custom_dialog_widget.dart

@@ -0,0 +1,52 @@
+import 'package:flutter/material.dart';
+
+import 'components/bean/dialog_item.dart';
+
+class YYRadioListTile extends StatefulWidget {
+  YYRadioListTile({
+    Key key,
+    this.items,
+    this.activeColor,
+    this.onChanged,
+  })  : assert(items != null),
+        super(key: key);
+
+  List<RadioItem> items;
+  Color activeColor;
+  Function(int) onChanged;
+
+  @override
+  State<StatefulWidget> createState() {
+    return YYRadioListTileState();
+  }
+}
+
+class YYRadioListTileState extends State<YYRadioListTile> {
+  var groupId = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView.builder(
+      padding: EdgeInsets.all(0.0),
+      shrinkWrap: true,
+      itemCount: widget.items.length,
+      itemBuilder: (BuildContext context, int index) {
+        return Material(
+          color: Colors.white,
+          child: RadioListTile(
+            title: Text(widget.items[index].text),
+            value: index,
+            groupValue: groupId,
+            activeColor: widget.activeColor,
+            onChanged: (int value) {
+              setState(() {
+                widget.onChanged(value);
+                groupId = value;
+              });
+            },
+          ),
+        );
+      },
+    );
+  }
+}