Repository: flutter
Issue: barrierColor does not change when nesting scrollable widget in DraggableScrollableSheet
Labels: framework,f: material design,has reproducible steps,found in release: 3.3,found in release: 3.4,team-design,triaged-design

Hello. I recently ran into a problem that `barierColor` does not change opacity when nesting a scrollable widget in a `DraggableScrollableSheet`. Moreover, if I use static widgets, then everything is okay

## Steps to Reproduce

1. Make `DraggableScrollableSheet` with scrollable child (`SingleChildScrollView`, `ListView` etc.)
2. Drag the scrollable widget so that the `DraggableScrollableSheet` starts collapsing
3. Watch the `barrierColor` change

**Expected results:** https://user-images.githubusercontent.com/38357736/189115352-5c840ac8-f372-4734-83ad-dff401a6b367.mp4

**Actual results:** https://user-images.githubusercontent.com/38357736/189115251-3f7222c9-251c-471d-a568-0dc6d64436a8.mp4

<details>
<summary>Code sample</summary>


```dart
class BottomSheet extends StatelessWidget {
  const BottomSheet({Key? key}) : super(key: key);

  static void showBottomSheet(BuildContext context) {
    showModalBottomSheet(
      context: context,
      useRootNavigator: true,
      isScrollControlled: true,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (context) => const BottomSheet(),
    );
  }

  @override
  Widget build(BuildContext context) {
    return DraggableScrollableSheet(
      initialChildSize: 0.8,
      maxChildSize: 0.8,
      minChildSize: 0.2,
      expand: false,
      snap: true,
      builder: (context, scrollController) => SingleChildScrollView(
        controller: scrollController,
        child: Column(
          children: List<int>.generate(10, (index) => index)
              .map((e) => Container(padding: const EdgeInsets.all(8), child: Text("Element $e")))
              .toList(),
        ),
      ),
    );
  }
}
```

</details>

<details>
<summary>Worked code sample</summary>


```dart
class BottomSheet extends StatelessWidget {
  const BottomSheet({Key? key}) : super(key: key);

  static void showBottomSheet(BuildContext context) {
    showModalBottomSheet(
      context: context,
      useRootNavigator: true,
      isScrollControlled: true,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(16)),
      ),
      builder: (context) => const BottomSheet(),
    );
  }

  @override
  Widget build(BuildContext context) {
    return DraggableScrollableSheet(
      initialChildSize: 0.8,
      maxChildSize: 0.8,
      minChildSize: 0.2,
      expand: false,
      snap: true,
      builder: (context, scrollController) => Column(
        children: List<int>.generate(10, (index) => index)
            .map((e) => Container(padding: const EdgeInsets.all(8), child: Text("Element $e")))
            .toList(),
      ),
    );
  }
}
```

</details>

<details>


  <summary>Logs</summary>

```
[✓] Flutter (Channel stable, 3.3.0, on macOS 12.4 21F79 darwin-x64, locale ru-RU)
    • Flutter version 3.3.0 on channel stable at /Users/artemsurodeev/development/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision ffccd96b62 (9 days ago), 2022-08-29 17:28:57 -0700
    • Engine revision 5e9e0e0aa8
    • Dart version 2.18.0
    • DevTools version 2.15.0

[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
    • Android SDK at /Users/artemsurodeev/Library/Android/sdk
    • Platform android-33, build-tools 32.1.0-rc1
    • Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 13.4.1)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Build 13F100
    • CocoaPods version 1.11.3

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 2021.2)
    • Android Studio at /Applications/Android Studio.app/Contents
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.12+0-b1504.28-7817840)

[✓] VS Code (version 1.71.0-insider)
    • VS Code at /Applications/Visual Studio Code - Insiders.app/Contents
    • Flutter extension can be installed from:
      🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

```

</details>