如何在Flutter中创建类似Bottomsheet的UI

Question

我正在尝试创建类似于使用flutter提供的图像的UI。 数据来自Web服务，并显示在网格视图中。我要添加的功能是，单击元素时，详细信息应出现在从底部滚动的卡上。用户可以向上滚动它并可以查看更多详细信息。

here is the Image

我能够将值从网格传递到另一个名为details.dart的页面，并能够显示详细信息。但是客户端现在需要将数据加载到向上滑动的视图中

Answer 1

我猜您正在寻找Bottomsheet for Flutter

Answer 2

尝试使用Sliding_Up_Panel plug-in。设置非常容易，一切都已经完成。

Answer 3

您是否尝试过使用BottomSheet？

尝试阅读以下内容： https://medium.com/flutter-community/flutter-beginners-guide-to-using-the-bottom-sheet-b8025573c433

为了使其可扩展，可以更改BottomSheet构造函数，如下所示：

 BoxConstraints getConstraintsForChild(BoxConstraints constraints) {
    return new BoxConstraints(
      minWidth: constraints.maxWidth,
      maxWidth: constraints.maxWidth,
      minHeight: 0.0,
      maxHeight: constraints.maxHeight * 9.0 / 16.0
    );
  }

如果调整maxHeight约束，则可以更改底部工作表的大小。