RadioListTile

Author: DIVINER-only

docs/widget/form/radiolisttile/index.md

@@ -1,22 +1,35 @@
 ## **RadioListTile**
 
 >
-单选按钮
+带标签的单选按钮
 
 ### 构造方法
 ``` dart
-Radio({
-  Key key,
-  @required this.value,
-  @required this.groupValue,
-  @required this.onChanged,
-  this.activeColor,
-  this.materialTapTargetSize,
-}) 
+RadioListTile({
+    Key key,
+    @required this.value,
+    @required this.groupValue,
+    @required this.onChanged,
+    this.activeColor,
+    this.title,
+    this.subtitle,
+    this.isThreeLine = false,
+    this.dense,
+    this.secondary,
+    this.selected = false,
+    this.controlAffinity = ListTileControlAffinity.platform,
+  })
 ```
 
 ### 属性介绍
 * value：单选按钮的值
 * groupValue：此组单选按钮的当前选定值，当value=groupValue时表示该按钮被选中
 * onChanged：选择单选按钮时的回调
-* activeColor：选中该按钮的颜色
+* activeColor：选中该按钮的颜色
+* title: 标题
+* subtitle: 子标题
+* isThreeLine: 是否显示三行文本
+* dense: 是否垂直密集显示
+* secondary: 显示单选按钮一侧的小组件
+* selected: 是否使用activeColor渲染图标和文本
+* controlAffinity: 相对于文本放置控件位置

lib/widget/form/radiolisttile/demo.dart

@@ -23,27 +23,39 @@ class _IndexState extends State<Index> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text('Radio'),
+        title: Text('RadioListTile'),
       ),
       body: Column(
         children: <Widget>[
-          Radio(
+          RadioListTile(
             value: 0,
             groupValue: _radioValue,
             onChanged: _handleRadioValueChanged,
             activeColor: Theme.of(context).primaryColor,
+            title: Text('RadioListTile A'),
+            subtitle: Text('Description'),
+            secondary: Icon(Icons.filter_1),
+            selected: _radioValue == 0,
           ),
-          Radio(
+          RadioListTile(
             value: 1,
             groupValue: _radioValue,
             onChanged: _handleRadioValueChanged,
             activeColor: Theme.of(context).primaryColor,
+            title: Text('RadioListTile B'),
+            subtitle: Text('Description'),
+            secondary: Icon(Icons.filter_2),
+            selected: _radioValue == 1,
           ),
-          Radio(
+          RadioListTile(
             value: 2,
             groupValue: _radioValue,
             onChanged: _handleRadioValueChanged,
             activeColor: Theme.of(context).primaryColor,
+            title: Text('RadioListTile C'),
+            subtitle: Text('Description'),
+            secondary: Icon(Icons.filter_3),
+            selected: _radioValue == 2,
           ),
         ],
       ),

readme.md

@@ -130,7 +130,7 @@ Flutter UI
           │  ├─switchListTile   【✔️ v1.0】
           │  ├─daypicker  【✔️ v1.0】
           │  ├─radio    【✔️ v1.0】
-          │  ├─radioListTile
+          │  ├─radioListTile    【✔️ v1.0】
           │  ├─form
           │  ├─formfield
           │  ├─rawkeyboard