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

【问题标题】：How to create a UI like Bottomsheet in Flutter如何在 Flutter 中创建类似 Bottomsheet 的 UI
【发布时间】：2020-01-04 09:14:54
【问题描述】：

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

here is the Image

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

【问题讨论】：

标签： android ios android-studio flutter flutter-layout

【解决方案1】：

您是否尝试过使用 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 约束，可以改变底页尺寸。

【讨论】：

如何将其与列表视图集成单击我是 Flutter 新手

【解决方案2】：

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

【讨论】：

如何将其与列表视图集成单击我是 Flutter 新手

【解决方案3】：

我猜你在找Bottomsheet for Flutter

【讨论】：