dart - 如何在 Flutter 中以编程方式关闭 Persistent Bottom Sheet？

Question

如何在 Flutter 中以编程方式关闭 Persistent BottomSheet？还有有没有办法只显示持久底部工作表的一部分，用户可以向上拖动工作表以查看完整内容？

下面的代码是为了显示持久化的底页。

homeScaffoldKey.currentState.showBottomSheet<Null>((BuildContext context) {
  return Container(
      height: 300.0,
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Padding(
              padding: EdgeInsets.all(16.0),
              child: Text(
                'Persistent header for bottom bar!',
                textAlign: TextAlign.left,
              )),
          Text(
            'Then here there will likely be some other content '
                'which will be displayed within the bottom bar',
            textAlign: TextAlign.left,
          ),
        ],
      ));
});

Answer 1

您可以使用

关闭底部工作表

Navigator.of(context).pop();

---

或者，您可以使用 PersistentBottomSheetController 关闭底部工作表。这是你将如何做到的。

PersistentBottomSheetController _controller; // instance variable

可以将以下内容放入 onPressed() 类型的事件中，以显示底页。

_controller = homeScaffoldKey
    .currentState
    .showBottomSheet((BuildContext context) {
     return YourWidgetImplementation();
  },
);

你可以使用关闭它

_controller.close();

Also is is there a way to show only a part of persistent bottom sheet and the user can drag the sheet upwards to view the full content?

对不起，你必须自己做，Flutter 目前还没有这样的内置功能。您可以使用 GestureDetector 来按照自己的方式操作。

您可以使用 this answer