Update example snippets for 3.27 deprecations and breaking changes

.github/workflows/test.yml

@@ -62,7 +62,7 @@ jobs:
           submodules: recursive
       - uses: dart-lang/setup-dart@e630b99d28a3b71860378cafdc2a067c71107f94
         with:
-          sdk: stable
+          sdk: beta
       - name: Fetch Dart dependencies
         run: dart pub get
       - name: Check if excerpts are up to date
@@ -88,7 +88,7 @@ jobs:
         run: pnpm install --frozen-lockfile
       - uses: dart-lang/setup-dart@e630b99d28a3b71860378cafdc2a067c71107f94
         with:
-          sdk: stable
+          sdk: beta
       - name: Fetch Dart dependencies
         run: dart pub get
       - name: Build site
@@ -108,7 +108,7 @@ jobs:
           submodules: recursive
       - uses: dart-lang/setup-dart@e630b99d28a3b71860378cafdc2a067c71107f94
         with:
-          sdk: stable
+          sdk: beta
       - name: Fetch Dart dependencies
         run: dart pub get
       - name: Validate the firebase.json file

examples/_animation/basic_hero_animation/pubspec.yaml

@@ -4,7 +4,7 @@ description: >-
   Shows how to create a simple or Hero animation using the Hero class directly.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/basic_radial_hero_animation/lib/main.dart

@@ -22,7 +22,7 @@ class Photo extends StatelessWidget {
     return Material(
       // Slightly opaque color appears where the image has transparency.
       // Makes it possible to see the radial transformation's boundary.
-      color: Theme.of(context).primaryColor.withOpacity(0.25),
+      color: Theme.of(context).primaryColor.withValues(alpha: 0.25),
       child: InkWell(
         onTap: onTap,
         child: Image.asset(

examples/_animation/basic_radial_hero_animation/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
   as it animates to the new route.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/basic_staggered_animation/lib/main.dart

@@ -187,9 +187,9 @@ class _StaggerDemoState extends State<StaggerDemo>
             width: 300,
             height: 300,
             decoration: BoxDecoration(
-              color: Colors.black.withOpacity(0.1),
+              color: Colors.black.withValues(alpha: 0.1),
               border: Border.all(
-                color: Colors.black.withOpacity(0.5),
+                color: Colors.black.withValues(alpha: 0.5),
               ),
             ),
             child: StaggerAnimation(controller: _controller.view),

examples/_animation/basic_staggered_animation/pubspec.yaml

@@ -3,7 +3,7 @@ publish_to: none
 description: An introductory example to staggered animations.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/hero_animation/pubspec.yaml

@@ -3,7 +3,7 @@ publish_to: none
 description: Shows how to create a simple Hero transition.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/radial_hero_animation/lib/main.dart

@@ -25,7 +25,7 @@ class Photo extends StatelessWidget {
   Widget build(BuildContext context) {
     return Material(
       // Slightly opaque color appears where the image has transparency.
-      color: Theme.of(context).primaryColor.withOpacity(0.25),
+      color: Theme.of(context).primaryColor.withValues(alpha: 0.25),
       child: InkWell(
         onTap: onTap,
         child: LayoutBuilder(

examples/_animation/radial_hero_animation/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
   as it animates to the new route.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/radial_hero_animation_animate_rectclip/lib/main.dart

@@ -26,7 +26,7 @@ class Photo extends StatelessWidget {
   Widget build(BuildContext context) {
     return Material(
       // Slightly opaque color appears where the image has transparency.
-      color: Theme.of(context).primaryColor.withOpacity(0.25),
+      color: Theme.of(context).primaryColor.withValues(alpha: 0.25),
       child: InkWell(
         onTap: onTap,
         child: LayoutBuilder(

examples/_animation/radial_hero_animation_animate_rectclip/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
   as it animates to the new route.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/_animation/staggered_pic_selection/pubspec.yaml

@@ -3,7 +3,7 @@ publish_to: none
 description: A more complex staggered animation example.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/accessibility/pubspec.yaml

@@ -4,7 +4,7 @@ version: 1.0.0
 publish_to: none
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate0/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate1/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate2/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate3/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate4/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/animate5/pubspec.yaml

@@ -5,7 +5,7 @@ description: >-
 version: 1.0.0
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/animation/implicit/pubspec.yaml

@@ -5,7 +5,7 @@ publish_to: none
 version: 1.0.0+1
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/animation/animated_container/pubspec.yaml

@@ -2,7 +2,7 @@ name: animated_container
 description: Sample code for cookbook.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/animation/opacity_animation/pubspec.yaml

@@ -2,7 +2,7 @@ name: opacity_animation
 description: Sample code for cookbook.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/animation/page_route_animation/pubspec.yaml

@@ -2,7 +2,7 @@ name: page_route_animation
 description: Sample code for cookbook.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/animation/physics_simulation/pubspec.yaml

@@ -2,7 +2,7 @@ name: physics_simulation
 description: Sample code for cookbook.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/drawer/pubspec.yaml

@@ -2,7 +2,7 @@ name: drawer
 description: Sample code for drawer cookbook recipe.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/fonts/pubspec.yaml

@@ -4,7 +4,7 @@ publish_to: none
 version: 1.0.0+1
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/orientation/pubspec.yaml

@@ -2,7 +2,7 @@ name: orientation
 description: Sample code for orientation cookbook recipe.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/package_fonts/pubspec.yaml

@@ -4,7 +4,7 @@ publish_to: none
 version: 1.0.0+1
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/snackbars/pubspec.yaml

@@ -2,7 +2,7 @@ name: snackbars
 description: Sample code for snackbars cookbook recipe.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/tabs/pubspec.yaml

@@ -2,7 +2,7 @@ name: tabs
 description: Sample code for tabs cookbook recipe.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/design/themes/pubspec.yaml

@@ -2,7 +2,7 @@ name: themes
 description: Sample code for themes cookbook recipe.
 
 environment:
-  sdk: ^3.5.0
+  sdk: ^3.6.0
 
 dependencies:
   flutter:

examples/cookbook/effects/download_button/lib/button_taps.dart

@@ -20,15 +20,16 @@ class ButtonShapeWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    var shape = const ShapeDecoration(
-      shape: StadiumBorder(),
-      color: CupertinoColors.lightBackgroundGray,
-    );
-
+    final ShapeDecoration shape;
     if (isDownloading || isFetching) {
-      shape = ShapeDecoration(
-        shape: const CircleBorder(),
-        color: Colors.white.withOpacity(0),
+      shape = const ShapeDecoration(
+        shape: CircleBorder(),
+        color: Colors.transparent,
+      );
+    } else {
+      shape = const ShapeDecoration(
+        shape: StadiumBorder(),
+        color: CupertinoColors.lightBackgroundGray,
       );
     }
 
@@ -81,7 +82,7 @@ class ProgressIndicatorWidget extends StatelessWidget {
           return CircularProgressIndicator(
             backgroundColor: isDownloading
                 ? CupertinoColors.lightBackgroundGray
-                : Colors.white.withOpacity(0),
+                : Colors.transparent,
             valueColor: AlwaysStoppedAnimation(isFetching
                 ? CupertinoColors.lightBackgroundGray
                 : CupertinoColors.activeBlue),

examples/cookbook/effects/download_button/lib/display.dart

@@ -56,15 +56,16 @@ class ButtonShapeWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    var shape = const ShapeDecoration(
-      shape: StadiumBorder(),
-      color: CupertinoColors.lightBackgroundGray,
-    );
-
+    final ShapeDecoration shape;
     if (isDownloading || isFetching) {
-      shape = ShapeDecoration(
-        shape: const CircleBorder(),
-        color: Colors.white.withOpacity(0),
+      shape = const ShapeDecoration(
+        shape: CircleBorder(),
+        color: Colors.transparent,
+      );
+    } else {
+      shape = const ShapeDecoration(
+        shape: StadiumBorder(),
+        color: CupertinoColors.lightBackgroundGray,
       );
     }
 

examples/cookbook/effects/download_button/lib/display_text.dart

@@ -19,15 +19,16 @@ class ButtonShapeWidget extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    var shape = const ShapeDecoration(
-      shape: StadiumBorder(),
-      color: CupertinoColors.lightBackgroundGray,
-    );
-
+    final ShapeDecoration shape;
     if (isDownloading || isFetching) {
-      shape = ShapeDecoration(
-        shape: const CircleBorder(),
-        color: Colors.white.withOpacity(0),
+      shape = const ShapeDecoration(
+        shape: CircleBorder(),
+        color: Colors.transparent,
+      );
+    } else {
+      shape = const ShapeDecoration(
+        shape: StadiumBorder(),
+        color: CupertinoColors.lightBackgroundGray,
       );
     }