我希望有一个模态底部表，我可以滚动通过正常，而不关闭模态底部表。然后，当我在列表的顶部时，我希望能够使用滚动手势关闭Modal Bottom Sheet。
我想将视频中显示的YouTube风格的模态底部表添加到我的应用程序中，但不幸的是，我不知道如何做到。
这是视频的链接，显示了我的意思：https://drive.google.com/file/d/1977Ptq4Sox6WKGQkiTbCH_zydn8Mu05o/view?usp=sharing
这是我的个人资料屏幕内：

@override
Widget build(BuildContext context) {
 return Material(
  color: Colors.transparent,
  child: Container(
    height: MediaQuery.of(context).size.height * 0.95,
    margin: EdgeInsets.only(bottom: 5, left: 10, right: 10),
    decoration: BoxDecoration(
      border: Border.all(color: Colors.black, width: 1.5),
      borderRadius: BorderRadius.circular(25),
      color: Colors.white,
    ),
    child: ClipRRect(
      borderRadius: BorderRadius.circular(23),
      child: DraggableScrollableSheet(
        initialChildSize: 1,
        minChildSize: 0.5,
        maxChildSize: 1,
        expand: false,
        builder: (BuildContext context, ScrollController _scrollController) {
          return SingleChildScrollView(
            controller: _scrollController,
            child: Column(
              children: [
                Container(
                  height: 590,
                  decoration: BoxDecoration(
                    border: Border(
                      bottom: BorderSide(width: 1.5, color: 
                      Colors.black),
                    ),
                    color: Colors.white,
                  ),
                  child: Stack(
                    children: [
                      InteractiveViewer(
                        transformationController:
                            _zoomProfilePictureController,
                        minScale: 1,
                        maxScale: 3,
                        onInteractionEnd: (ScaleEndDetails endDetails) {
                          setState(() {
                            _zoomProfilePictureController.value =
                                Matrix4.identity();
                          });
                        },
                        child: Swiper(
                          physics: NeverScrollableScrollPhysics(),
                          itemBuilder:
                              (BuildContext context, int imageIndex) {
                            return Hero(
                              tag: "Profile",
                              child: CachedNetworkImage(
                                imageUrl: widget.user.imageUrl[imageIndex],
                                fit: BoxFit.cover,
                                useOldImageOnUrlChange: true,
                                placeholder: (context, url) => Center(
                                  child: CircularProgressIndicator(
                                    strokeWidth: 3,
                                    valueColor: AlwaysStoppedAnimation<Color>(
                                      primaryColor.withOpacity(0.7),
                                    ),
                                  ),
                                ),
                                errorWidget: (context, url, error) => Icon(
                                  Icons.error_outline,
                                  size: 30,
                                  color: Colors.red,
                                ),
                              ),
                            );
                          },
                          itemCount: widget.user.imageUrl.length,
                          pagination: SwiperPagination(
                            alignment: Alignment.topCenter,
                            margin: EdgeInsets.all(0),
                            builder: DotSwiperPaginationBuilder(
                              color: Colors.white.withOpacity(0.7),
                              size: 8,
                              activeColor: widget.user.imageUrl.length > 1
                                  ? primaryColor
                                  : Colors.transparent,
                              activeSize: 10,
                            ),
                          ),
                          control: widget.user.imageUrl.length > 1
                              ? SwiperControl(
                                  padding: const EdgeInsets.only(top: 250),
                                  color: Colors.transparent,
                                  disableColor: Colors.transparent,
                                  size: 228,
                                )
                              : null,
                          loop: false,
                        ),
                      ),

这就是我如何调用BottomSheet：

ListTile(
                        onTap: () => showModalBottomSheet(
                          backgroundColor: Colors.transparent,
                          context: context,
                          builder: (context) {
                            return ProfileInformationHomeScreen(
                              secondUser,
                              widget.currentUser,
                            );
                          },
                        ),