Flutter 中的持久可拖动底部工作表答案

【问题标题】：Persistent draggable bottom sheet in FlutterFlutter 中的持久可拖动底部工作表
【发布时间】：2019-07-27 16:05:44
【问题描述】：

我目前正在使用Rubber 库，您知道不使用第三部分库的方法吗？底部工作表必须是持久的（不可关闭，不是由任何按钮触发，而是始终显示）和可拖动（必须通过拖动手势展开和折叠）

【问题讨论】：

试试这个stackoverflow.com/a/57233707/6618622

标签： flutter dart bottom-sheet

【解决方案1】：

如果您不关心底部工作表必须捕捉到不同的位置，您可以使用我制作的以下包 (snapping_sheet) 中的小部件。

或者，如果您不想将其用作第 3 部分库，您可以从此处的存储库中复制代码并将其用作您自己的小部件：Github - Snapping sheet

【讨论】：

【解决方案2】：

也许DraggableScrollableSheet 可以工作？

我自己还没有尝试过，但也许你可以摆弄一个列表视图来让它工作。

我猜想它的孩子是一个列表视图，然后限制最大子大小和最大滚动范围

【讨论】：

【解决方案3】：

使用 DraggableScrollableSheet。这是一个例子：

Stack(
children: [
  Container(), //the page under the DraggableScrollableSheet goes here
  Container(
    height: MediaQuery.of(context).size.height,
    child: DraggableScrollableSheet(
      builder: (BuildContext context, myscrollController) {
        return Container(
          color: Colors.blue,
          child: ListView.builder(
            controller: myscrollController,
            itemCount: 40,
            itemBuilder:(BuildContext context, int index) {
              return ListTile(title: Text('Item $index',
                style: TextStyle(color: Colors.black),
              ));
            },
          ),
        );
      },
    ),
  ),
],),

【讨论】：