migrate all samples to new RadioGroup api

Author: ericwindmill

isolate_example/lib/infinite_process_page.dart

@@ -78,25 +78,25 @@ class InfiniteProcessPage extends StatelessWidget {
                     value: !controller.paused,
                     onChanged: (_) => controller.pausedSwitch(),
                     activeTrackColor: Colors.lightGreenAccent,
-                    activeColor: Colors.black,
+                    activeThumbColor: Colors.black,
                     inactiveTrackColor: Colors.deepOrangeAccent,
                     inactiveThumbColor: Colors.black,
                   ),
                   const Text('Pause/Resume'),
                 ],
               ),
-              Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: [
-                  for (int i = 1; i <= 3; i++) ...[
-                    Radio<int>(
-                      value: i,
-                      groupValue: controller.currentMultiplier,
-                      onChanged: (val) => controller.setMultiplier(val!),
-                    ),
-                    Text('${i}x'),
+              RadioGroup(
+                groupValue: controller.currentMultiplier,
+                onChanged: (val) => controller.setMultiplier(val!),
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    for (int i = 1; i <= 3; i++) ...[
+                      Radio<int>(value: i),
+                      Text('${i}x'),
+                    ],
                   ],
-                ],
+                ),
               ),
             ],
           ),

material_3_demo/lib/src/component_screen.dart

@@ -981,35 +981,30 @@ class _RadiosState extends State<Radios> {
     return ComponentDecoration(
       label: 'Radio buttons',
       tooltipMessage: 'Use RadioListTile<T> or Radio<T>',
-      child: Column(
-        children: <Widget>[
-          RadioListTile<Options>(
-            title: const Text('Option 1'),
-            value: Options.option1,
-            groupValue: _selectedOption,
-            onChanged: (value) {
-              setState(() {
-                _selectedOption = value;
-              });
-            },
-          ),
-          RadioListTile<Options>(
-            title: const Text('Option 2'),
-            value: Options.option2,
-            groupValue: _selectedOption,
-            onChanged: (value) {
-              setState(() {
-                _selectedOption = value;
-              });
-            },
-          ),
-          RadioListTile<Options>(
-            title: const Text('Option 3'),
-            value: Options.option3,
-            groupValue: _selectedOption,
-            onChanged: null,
-          ),
-        ],
+      child: RadioGroup(
+        groupValue: _selectedOption,
+        onChanged: (value) {
+          setState(() {
+            _selectedOption = value;
+          });
+        },
+        child: Column(
+          children: <Widget>[
+            RadioListTile<Options>(
+              title: const Text('Option 1'),
+              value: Options.option1,
+            ),
+            RadioListTile<Options>(
+              title: const Text('Option 2'),
+              value: Options.option2,
+            ),
+            RadioListTile<Options>(
+              title: const Text('Option 3'),
+              value: Options.option3,
+              enabled: false,
+            ),
+          ],
+        ),
       ),
     );
   }

platform_design/lib/widgets.dart

@@ -303,18 +303,20 @@ void showChoices(BuildContext context, List<String> choices) {
             contentPadding: const EdgeInsets.only(top: 12),
             content: StatefulBuilder(
               builder: (context, setState) {
-                return Column(
-                  mainAxisSize: MainAxisSize.min,
-                  children: List<Widget>.generate(choices.length, (index) {
-                    return RadioListTile<int?>(
-                      title: Text(choices[index]),
-                      value: index,
-                      groupValue: selectedRadio,
-                      onChanged: (value) {
-                        setState(() => selectedRadio = value);
-                      },
-                    );
-                  }),
+                return RadioGroup(
+                  groupValue: selectedRadio,
+                  onChanged: (value) {
+                    setState(() => selectedRadio = value);
+                  },
+                  child: Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: List<Widget>.generate(choices.length, (index) {
+                      return RadioListTile<int?>(
+                        title: Text(choices[index]),
+                        value: index,
+                      );
+                    }),
+                  ),
                 );
               },
             ),