flutter - 使用工作表中的 ScrollView 向下滚动 flutter 模态底部工作表

Question

我使用 flutter 函数 showmodalbottomsheet 来显示带有 customscroll View 的页面。

但是当 scrollview 的滚动过度滚动时我遇到了一个问题我想滚动 bottomsheet 而不是过度滚动 customscrollview。

如何选择我想使用的卷轴？

比如我想做的像Facebook的评论页面:

Answer 1

您可能需要的是 DraggableScrollableSheet 。

showModalBottomSheet(
  isScrollControlled: true,
  context: context,
  builder: (context) => DraggableScrollableSheet(
    builder: (context, scrollController) => SingleChildScrollView(
      controller: scrollController,
      child: Column(
        children: [
          Container(
            color: Colors.purple,
            height: 100,
          ),
          Container(
            color: Colors.orange,
            height: 300,
          ),
          Container(
            color: Colors.black,
            height: 300,
          ),
        ],
      ),
    ),
  ),
),

(当我偶然发现你的问题时，我也在寻找答案，决定分享我的研究结果:)希望它能帮助你!)