[various] Migrate example Radio groups to new RadioGroup API (#10155)

alexskobozev · web-flow · commit f6896e52bc67 · 2025-10-22T14:29:41.000Z
This PR updates multiple package **example** apps to stop using deprecated `groupValue` and `onChanged` on individual `Radio` widgets and instead use the new `RadioGroup<T>` ancestor to manage the selected value and change handling. ### Why Flutter deprecated `Radio.groupValue` and `Radio.onChanged` in favor of `RadioGroup`, which centralizes selection state for related radios. The deprecation is currently reported across several examples in this repo (see linked issue for examples and affected packages). This PR resolves those warnings. ### What changed (pattern applied across examples) - Wrap related `Radio<T>` widgets in a `RadioGroup<T>(groupValue: ..., onChanged: ...)`. - Remove `groupValue`/`onChanged` from each `Radio`, leaving only `value` (+ its label UI). - Example (from `animations` demo): old three `Radio` widgets each had `groupValue`/`onChanged`; now they are enclosed in a single `RadioGroup<SharedAxisTransitionType>` and the `Radio` children keep just their `value`. ### Packages (examples) updated - `animations` - `camera` - `camera_android` - `camera_android_camerax` - `camera_avfoundation` - `google_sign_in_web` - `two_dimensional_scrollables` (both `table_view` and `tree_view`) ### Screenshots N/A (UI unchanged; only wiring of radios changed). ### Links Fixes: [flutter/flutter#170915](flutter/flutter#170915) --- ## Pre-Review Checklist
diff --git a/packages/animations/CHANGELOG.md b/packages/animations/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 2.1.0
 
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
 * Updates minimum supported SDK version to Flutter 3.29/Dart 3.7.
 * Make `OpenContainerState` public.
 
diff --git a/packages/animations/example/lib/shared_axis_transition.dart b/packages/animations/example/lib/shared_axis_transition.dart
@@ -76,34 +76,28 @@ class _SharedAxisTransitionDemoState extends State<SharedAxisTransitionDemo> {
               ),
             ),
             const Divider(thickness: 2.0),
-            Row(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: <Widget>[
-                Radio<SharedAxisTransitionType>(
-                  value: SharedAxisTransitionType.horizontal,
-                  groupValue: _transitionType,
-                  onChanged: (SharedAxisTransitionType? newValue) {
-                    _updateTransitionType(newValue);
-                  },
-                ),
-                const Text('X'),
-                Radio<SharedAxisTransitionType>(
-                  value: SharedAxisTransitionType.vertical,
-                  groupValue: _transitionType,
-                  onChanged: (SharedAxisTransitionType? newValue) {
-                    _updateTransitionType(newValue);
-                  },
-                ),
-                const Text('Y'),
-                Radio<SharedAxisTransitionType>(
-                  value: SharedAxisTransitionType.scaled,
-                  groupValue: _transitionType,
-                  onChanged: (SharedAxisTransitionType? newValue) {
-                    _updateTransitionType(newValue);
-                  },
-                ),
-                const Text('Z'),
-              ],
+            RadioGroup<SharedAxisTransitionType>(
+              groupValue: _transitionType,
+              onChanged: (SharedAxisTransitionType? newValue) {
+                _updateTransitionType(newValue);
+              },
+              child: const Row(
+                mainAxisAlignment: MainAxisAlignment.center,
+                children: <Widget>[
+                  Radio<SharedAxisTransitionType>(
+                    value: SharedAxisTransitionType.horizontal,
+                  ),
+                  Text('X'),
+                  Radio<SharedAxisTransitionType>(
+                    value: SharedAxisTransitionType.vertical,
+                  ),
+                  Text('Y'),
+                  Radio<SharedAxisTransitionType>(
+                    value: SharedAxisTransitionType.scaled,
+                  ),
+                  Text('Z'),
+                ],
+              ),
             ),
           ],
         ),
diff --git a/packages/camera/camera/CHANGELOG.md b/packages/camera/camera/CHANGELOG.md
@@ -1,5 +1,6 @@
-## NEXT
+## 0.11.2+1
 
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
 * Updates minimum supported SDK version to Flutter 3.29/Dart 3.7.
 * Updates README to reflect that only Android API 24+ is supported.
 
diff --git a/packages/camera/camera/example/lib/main.dart b/packages/camera/camera/example/lib/main.dart
@@ -598,9 +598,7 @@ class _CameraExampleHomeState extends State<CameraExampleHome>
             width: 90.0,
             child: RadioListTile<CameraDescription>(
               title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
-              groupValue: controller?.description,
               value: cameraDescription,
-              onChanged: onChanged,
             ),
           ),
         );
@@ -610,7 +608,11 @@ class _CameraExampleHomeState extends State<CameraExampleHome>
     return Expanded(
       child: SizedBox(
         height: 56.0,
-        child: ListView(scrollDirection: Axis.horizontal, children: toggles),
+        child: RadioGroup<CameraDescription>(
+          groupValue: controller?.description,
+          onChanged: onChanged,
+          child: ListView(scrollDirection: Axis.horizontal, children: toggles),
+        ),
       ),
     );
   }
diff --git a/packages/camera/camera/pubspec.yaml b/packages/camera/camera/pubspec.yaml
@@ -4,7 +4,7 @@ description: A Flutter plugin for controlling the camera. Supports previewing
   Dart.
 repository: https://github.com/flutter/packages/tree/main/packages/camera/camera
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+camera%22
-version: 0.11.2
+version: 0.11.2+1
 
 environment:
   sdk: ^3.7.0
diff --git a/packages/camera/camera_android/CHANGELOG.md b/packages/camera/camera_android/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.10.10+11
+
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
+
 ## 0.10.10+10
 
 * Updates Java compatibility version to 17.
diff --git a/packages/camera/camera_android/example/lib/main.dart b/packages/camera/camera_android/example/lib/main.dart
@@ -599,16 +599,18 @@ class _CameraExampleHomeState extends State<CameraExampleHome>
             width: 90.0,
             child: RadioListTile<CameraDescription>(
               title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
-              groupValue: controller?.description,
               value: cameraDescription,
-              onChanged: onChanged,
             ),
           ),
         );
       }
     }
 
-    return Row(children: toggles);
+    return RadioGroup<CameraDescription>(
+      groupValue: controller?.description,
+      onChanged: onChanged,
+      child: Row(children: toggles),
+    );
   }
 
   String timestamp() => DateTime.now().millisecondsSinceEpoch.toString();
diff --git a/packages/camera/camera_android/pubspec.yaml b/packages/camera/camera_android/pubspec.yaml
@@ -3,7 +3,7 @@ description: Android implementation of the camera plugin.
 repository: https://github.com/flutter/packages/tree/main/packages/camera/camera_android
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+camera%22
 
-version: 0.10.10+10
+version: 0.10.10+11
 
 environment:
   sdk: ^3.9.0
diff --git a/packages/camera/camera_android_camerax/CHANGELOG.md b/packages/camera/camera_android_camerax/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.6.23+4
+
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
+
 ## 0.6.23+3
 
 * Bumps camerax_version from 1.5.0 to 1.5.1.
diff --git a/packages/camera/camera_android_camerax/example/lib/main.dart b/packages/camera/camera_android_camerax/example/lib/main.dart
@@ -590,16 +590,18 @@ class _CameraExampleHomeState extends State<CameraExampleHome>
             width: 90.0,
             child: RadioListTile<CameraDescription>(
               title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
-              groupValue: controller?.description,
               value: cameraDescription,
-              onChanged: onChanged,
             ),
           ),
         );
       }
     }
 
-    return Row(children: toggles);
+    return RadioGroup<CameraDescription>(
+      groupValue: controller?.description,
+      onChanged: onChanged,
+      child: Row(children: toggles),
+    );
   }
 
   String timestamp() => DateTime.now().millisecondsSinceEpoch.toString();
diff --git a/packages/camera/camera_android_camerax/pubspec.yaml b/packages/camera/camera_android_camerax/pubspec.yaml
@@ -2,7 +2,7 @@ name: camera_android_camerax
 description: Android implementation of the camera plugin using the CameraX library.
 repository: https://github.com/flutter/packages/tree/main/packages/camera/camera_android_camerax
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+camera%22
-version: 0.6.23+3
+version: 0.6.23+4
 
 environment:
   sdk: ^3.9.0
diff --git a/packages/camera/camera_avfoundation/CHANGELOG.md b/packages/camera/camera_avfoundation/CHANGELOG.md
@@ -1,3 +1,7 @@
+## 0.9.22+3
+
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
+
 ## 0.9.22+2
 
 * Migrates `FLTCamConfiguration`, `FLTCamMediaSettingsAVWrapper` classes to Swift.
diff --git a/packages/camera/camera_avfoundation/example/lib/main.dart b/packages/camera/camera_avfoundation/example/lib/main.dart
@@ -579,38 +579,37 @@ class _CameraExampleHomeState extends State<CameraExampleHome>
   Widget _cameraTogglesRowWidget() {
     final List<Widget> toggles = <Widget>[];
 
-    void onChanged(CameraDescription? description) {
-      if (description == null) {
-        return;
-      }
-
-      onNewCameraSelected(description);
-    }
-
     if (_cameras.isEmpty) {
       SchedulerBinding.instance.addPostFrameCallback((_) async {
         showInSnackBar('No camera found.');
       });
       return const Text('None');
-    } else {
-      for (final CameraDescription cameraDescription in _cameras) {
-        toggles.add(
-          SizedBox(
-            width: 90.0,
-            child: RadioListTile<CameraDescription>(
-              title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
-              groupValue: controller?.description,
-              value: cameraDescription,
-              onChanged: (controller?.value.isRecordingVideo ?? false)
-                  ? null
-                  : onChanged,
-            ),
+    }
+
+    final bool isRecording = controller?.value.isRecordingVideo ?? false;
+
+    for (final CameraDescription cameraDescription in _cameras) {
+      toggles.add(
+        SizedBox(
+          width: 90.0,
+          child: RadioListTile<CameraDescription>(
+            title: Icon(getCameraLensIcon(cameraDescription.lensDirection)),
+            value: cameraDescription,
+            enabled: !isRecording,
           ),
-        );
-      }
+        ),
+      );
     }
 
-    return Row(children: toggles);
+    return RadioGroup<CameraDescription>(
+      groupValue: controller?.description,
+      onChanged: (CameraDescription? description) {
+        if (description != null) {
+          onNewCameraSelected(description);
+        }
+      },
+      child: Row(children: toggles),
+    );
   }
 
   String timestamp() => DateTime.now().millisecondsSinceEpoch.toString();
diff --git a/packages/camera/camera_avfoundation/pubspec.yaml b/packages/camera/camera_avfoundation/pubspec.yaml
@@ -2,7 +2,7 @@ name: camera_avfoundation
 description: iOS implementation of the camera plugin.
 repository: https://github.com/flutter/packages/tree/main/packages/camera/camera_avfoundation
 issue_tracker: https://github.com/flutter/flutter/issues?q=is%3Aissue+is%3Aopen+label%3A%22p%3A+camera%22
-version: 0.9.22+2
+version: 0.9.22+3
 
 environment:
   sdk: ^3.9.0
diff --git a/packages/google_sign_in/google_sign_in_web/example/lib/src/button_configuration_column.dart b/packages/google_sign_in/google_sign_in_web/example/lib/src/button_configuration_column.dart
@@ -171,19 +171,27 @@ Widget _renderRadioListTileCard<T extends Enum>({
 }) {
   return _renderConfigCard(
     title: title,
-    children:
-        values
-            .map(
-              (T value) => RadioListTile<T>(
-                value: value,
-                groupValue: selected,
-                onChanged: onChanged,
-                selected: value == selected,
-                title: Text(value.name),
-                dense: true,
-              ),
-            )
-            .toList(),
+    children: <Widget>[
+      RadioGroup<T>(
+        groupValue: selected,
+        onChanged: onChanged ?? (_) {},
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children:
+              values
+                  .map(
+                    (T value) => RadioListTile<T>(
+                      value: value,
+                      selected: value == selected,
+                      title: Text(value.name),
+                      enabled: onChanged != null,
+                      dense: true,
+                    ),
+                  )
+                  .toList(),
+        ),
+      ),
+    ],
   );
 }
 
diff --git a/packages/two_dimensional_scrollables/CHANGELOG.md b/packages/two_dimensional_scrollables/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## NEXT
 
+* Updates examples to use the new RadioGroup API instead of deprecated Radio parameters.
 * Updates minimum supported SDK version to Flutter 3.29/Dart 3.7.
 
 ## 0.3.7
diff --git a/packages/two_dimensional_scrollables/example/lib/table_view/table_explorer.dart b/packages/two_dimensional_scrollables/example/lib/table_view/table_explorer.dart
@@ -56,38 +56,27 @@ class _TableExplorerState extends State<TableExplorer> {
       child: Row(
         children: <Widget>[
           const Spacer(),
-          Radio<TableType>(
-            value: TableType.simple,
+          RadioGroup<TableType>(
             groupValue: _currentExample,
             onChanged: (TableType? value) {
-              setState(() {
-                _currentExample = value!;
-              });
+              if (value == null) {
+                return;
+              }
+              setState(() => _currentExample = value);
             },
+            child: Row(
+              children: <Widget>[
+                const Radio<TableType>(value: TableType.simple),
+                const Text('Simple'),
+                _spacer,
+                const Radio<TableType>(value: TableType.merged),
+                const Text('Merged'),
+                _spacer,
+                const Radio<TableType>(value: TableType.infinite),
+                const Text('Infinite'),
+              ],
+            ),
           ),
-          const Text('Simple'),
-          _spacer,
-          Radio<TableType>(
-            value: TableType.merged,
-            groupValue: _currentExample,
-            onChanged: (TableType? value) {
-              setState(() {
-                _currentExample = value!;
-              });
-            },
-          ),
-          const Text('Merged'),
-          _spacer,
-          Radio<TableType>(
-            value: TableType.infinite,
-            groupValue: _currentExample,
-            onChanged: (TableType? value) {
-              setState(() {
-                _currentExample = value!;
-              });
-            },
-          ),
-          const Text('Infinite'),
           const Spacer(),
         ],
       ),
diff --git a/packages/two_dimensional_scrollables/example/lib/tree_view/tree_explorer.dart b/packages/two_dimensional_scrollables/example/lib/tree_view/tree_explorer.dart
