When DraggableScrollableSheet is nested in showModalBottomSheet, minChildSize is ignored.

[ryan-sf]

Currently, when I attempt to use a DraggableScrollableSheet inside of a showModalBottomSheet, the minChildSize is ignored and the bottom sheet closes.

Steps to Reproduce

Here is an extremely simple example of the problem that I am facing:

            showModalBottomSheet(
              enableDrag: false,
              isDismissible: false,
              backgroundColor: Colors.transparent,
              barrierColor: Colors.transparent,
              context: context,
              isScrollControlled: true,
              useRootNavigator: true,
              builder: (ctx) => DraggableScrollableSheet(
                expand: false,
                maxChildSize: .75,
                minChildSize: .3,
                builder: (context, scrollController) => Container(
                  color: Colors.white,
                  child: SingleChildScrollView(
                    controller: scrollController,
                    child: Container(
                      height: 300,
                    ),
                  ),
                ),
              ),
            );

Demo: https://dartpad.dev/bf9d3722af1afaac9bdc17a70ae17c46

Expected results: When the minChildSize is reached, scrolling is stopped and dismissal is prevented.

Actual results: The bottom sheet closes.

[TahaTesser]

Hi @ryan-sf
Thanks for filing the issue, I can reproduce the issue, I have tried all the ways we can prevent it, I couldn't find a solution. Seems like a bug

Reproduced the issue using the following minimal code sample

minimal code sample

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  static const String _title = 'Flutter Code Sample';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey[300],
      appBar: AppBar(
        title: const Text('DraggableScrollableSheet'),
      ),
      body: Container(
        child: TextButton(
          child: Text("Open Bottom Sheet"),
          onPressed: () => showModalBottomSheet(
            enableDrag: false,
            isDismissible: false,
            backgroundColor: Colors.transparent,
            barrierColor: Colors.transparent,
            context: context,
            isScrollControlled: true,
            useRootNavigator: true,
            builder: (ctx) => SizedBox.expand(
              child: DraggableScrollableSheet(
                expand: false,
                maxChildSize: .75,
                minChildSize: .3,
                builder: (context, scrollController) => Container(
                  color: Colors.white,
                  child: Container(
                    height: 1000,
                    child: SingleChildScrollView(
                      controller: scrollController,
                      child: Container(
                        height: 300,
                      ),
                    ),
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

Reproduced on the following channels

stable	master
❌	❌

Check flutter doctor -v outputs for each channel below

flutter doctor -v

[✓] Flutter (Channel master, 2.3.0-13.0.pre.145, on macOS 11.3.1 20E241
    darwin-x64, locale en-GB)
    • Flutter version 2.3.0-13.0.pre.145 at
      /Users/tahatesser/Code/flutter_master
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision fdb1fb184d (6 hours ago), 2021-05-24 22:04:02 -0700
    • Engine revision b1385c0df1
    • Dart version 2.14.0 (build 2.14.0-145.0.dev)

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /Volumes/Extreme/SDK
    • Platform android-30, build-tools 30.0.3
    • ANDROID_HOME = /Volumes/Extreme/SDK
    • Java binary at: /Applications/Android
      Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.8+10-b944.6916264)
    • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS
    • Xcode at /Volumes/Extreme/Xcode.app/Contents/Developer
    • Xcode 12.5, Build version 12E262
    • CocoaPods version 1.10.1

[✓] Chrome - develop for the web
    • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome

[✓] Android Studio (version 4.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.8+10-b944.6916264)

[✓] IntelliJ IDEA Community Edition (version 2021.1.1)
    • IntelliJ at /Volumes/Extreme/IntelliJ IDEA CE.app
    • Flutter plugin version 56.0.5
    • Dart plugin version 211.7233

[✓] VS Code (version 1.56.2)
    • VS Code at /Applications/Visual Studio Code.app/Contents
    • Flutter extension version 3.22.0

[✓] Connected device (3 available)
    • Taha’s iPhone (mobile) • 00008020-001059882212002E • ios            • iOS
      14.6
    • macOS (desktop)        • macos                     • darwin-x64     •
      macOS 11.3.1 20E241 darwin-x64
    • Chrome (web)           • chrome                    • web-javascript •
      Google Chrome 90.0.4430.212

• No issues found!

✅ : No Issue ❌: has Issue

[vytautas-pranskunas-]

Any progress on this?

[Errechydy]

Any progress on this?
Tried it on release 3.3.9 stable and the bug still present.

[Ax0elz]

On 3.10.5 when DraggableScrollableSheet is nested in showModalBottomSheet it is ignoring all snapSizes for me and always dismisses. Not just the min and max.

[elvinasn]

Any updates? I can still reproduce it on 3.22.0.