[Material] Update the Slider and RangeSlider to the latest Material spec (#44351)

Update the Slider and RangeSlider to the latest Material spec. This introduces an updated track, updated thumbs, updated tick marks, and a new value indicator shape. The old paddle value indicator shape is also updated so that text scaling works consistently.

examples/flutter_gallery/lib/demo/material/slider_demo.dart

@@ -69,6 +69,7 @@ class _CustomRangeThumbShape extends RangeSliderThumbShape {
     @required SliderThemeData sliderTheme,
     TextDirection textDirection,
     Thumb thumb,
+    bool isPressed,
   }) {
     final Canvas canvas = context.canvas;
     final ColorTween colorTween = ColorTween(
@@ -130,6 +131,8 @@ class _CustomThumbShape extends SliderComponentShape {
     SliderThemeData sliderTheme,
     TextDirection textDirection,
     double value,
+    double textScaleFactor,
+    Size sizeWithOverflow,
   }) {
     final Canvas canvas = context.canvas;
     final ColorTween colorTween = ColorTween(
@@ -169,6 +172,8 @@ class _CustomValueIndicatorShape extends SliderComponentShape {
     SliderThemeData sliderTheme,
     TextDirection textDirection,
     double value,
+    double textScaleFactor,
+    Size sizeWithOverflow,
   }) {
     final Canvas canvas = context.canvas;
     final ColorTween enableColor = ColorTween(
@@ -438,4 +443,3 @@ class _RangeSlidersState extends State<_RangeSliders> {
     );
   }
 }
-

examples/flutter_gallery/lib/gallery/themes.dart

@@ -25,6 +25,7 @@ ThemeData _buildDarkTheme() {
   final ThemeData base = ThemeData(
     brightness: Brightness.dark,
     accentColorBrightness: Brightness.dark,
+    colorScheme: colorScheme,
     primaryColor: primaryColor,
     primaryColorDark: const Color(0xFF0050a0),
     primaryColorLight: secondaryColor,

examples/flutter_gallery/pubspec.yaml

@@ -257,31 +257,31 @@ flutter:
           weight: 400
     - family: LibreFranklin
       fonts:
-      - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Bold.ttf
-      - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Light.ttf
-      - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Medium.ttf
-      - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Regular.ttf
+        - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Bold.ttf
+        - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Light.ttf
+        - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Medium.ttf
+        - asset: packages/flutter_gallery_assets/fonts/librefranklin/LibreFranklin-Regular.ttf
     - family: Merriweather
       fonts:
-      - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-BlackItalic.ttf
-      - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Italic.ttf
-      - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Regular.ttf
-      - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Light.ttf
+        - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-BlackItalic.ttf
+        - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Italic.ttf
+        - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Regular.ttf
+        - asset: packages/flutter_gallery_assets/fonts/merriweather/Merriweather-Light.ttf
     - family: Roboto Condensed
       fonts:
-      - asset: packages/rally_assets/RobotoCondensed-Light.ttf
-        weight: 400
-      - asset: packages/rally_assets/RobotoCondensed-Regular.ttf
-        weight: 500
-      - asset: packages/rally_assets/RobotoCondensed-Bold.ttf
-        weight: 700
+        - asset: packages/rally_assets/RobotoCondensed-Light.ttf
+          weight: 400
+        - asset: packages/rally_assets/RobotoCondensed-Regular.ttf
+          weight: 500
+        - asset: packages/rally_assets/RobotoCondensed-Bold.ttf
+          weight: 700
     - family: Eczar
       fonts:
-      - asset: packages/rally_assets/Eczar-Regular.ttf
-        weight: 400
-      - asset: packages/rally_assets/Eczar-SemiBold.ttf
-        weight: 600
-      - asset: packages/rally_assets/Eczar-Bold.ttf
-        weight: 700
+        - asset: packages/rally_assets/Eczar-Regular.ttf
+          weight: 400
+        - asset: packages/rally_assets/Eczar-SemiBold.ttf
+          weight: 600
+        - asset: packages/rally_assets/Eczar-Bold.ttf
+          weight: 700
 
-# PUBSPEC CHECKSUM: de7e
+# PUBSPEC CHECKSUM: de7e
\ No newline at end of file

packages/flutter/test/material/inherited_theme_test.dart

@@ -525,7 +525,7 @@ void main() {
     await tester.tap(find.text('push wrapped'));
     await tester.pumpAndSettle(); // route animation
     RenderBox sliderBox = tester.firstRenderObject<RenderBox>(find.byType(Slider));
-    expect(sliderBox, paints..rect(color: activeTrackColor)..rect(color: inactiveTrackColor));
+    expect(sliderBox, paints..rrect(color: activeTrackColor)..rrect(color: inactiveTrackColor));
     expect(sliderBox, paints..circle(color: thumbColor));
 
     Navigator.of(navigatorContext).pop();
@@ -534,7 +534,7 @@ void main() {
     await tester.tap(find.text('push unwrapped'));
     await tester.pumpAndSettle(); // route animation
     sliderBox = tester.firstRenderObject<RenderBox>(find.byType(Slider));
-    expect(sliderBox, isNot(paints..rect(color: activeTrackColor)..rect(color: inactiveTrackColor)));
+    expect(sliderBox, isNot(paints..rrect(color: activeTrackColor)..rrect(color: inactiveTrackColor)));
     expect(sliderBox, isNot(paints..circle(color: thumbColor)));
   });