当 showBottomSheet 包含可滚动小部件时，如何使 showBottomSheet 继续滑动？

Question

当showBottomSheet包含可滚动小部件时，将[可滚动小部件]向下滑动到顶部后，showBottomSheet无法继续向下滑动，如何解决？ 类似于 Tik Tok 中的评论。

Answer 1

使用内置的小部件 DraggableScrollableSheet，这应该非常简单：

showBottomSheet(
  context: context,
  builder: (context) {
    return DraggableScrollableSheet(
      maxChildSize: 0.5, // playing with these  4 
      minChildSize: 0.25, // values will give you 
      initialChildSize: 0.5, // different and interesting results
      expand: false,
      builder: (context, controller) {
        return SingleChildScrollView(
          controller: controller,
          child: Column(
            children: [
              for (var i = 0; i < 20; i++)
                ListTile(
                  title: Text(i.toString()),
                )
            ],
          ),
        );
      },
    );
  },
);