如何在 Flutter 中创建底部表格，如（Instagram、snapchat）答案

【问题标题】：How to create a bottom sheets in Flutter like in (Instagram,snapchat)如何在 Flutter 中创建底部表格，如（Instagram、snapchat）
【发布时间】：2021-11-11 04:02:14
【问题描述】：

谁能告诉我如何创建这种类型的底页。具体如何在工作表顶部添加缺口在此先感谢:)

【问题讨论】：

标签： flutter

【解决方案1】：

我不是 100% 关注顶部的缺口，但 Flutter 有一个 Material Design BottomSheet 类。

这里是如何实现它 https://api.flutter.dev/flutter/material/showModalBottomSheet.html

【讨论】：

感谢您的回答 :) 无论如何，我正在寻找带缺口的底片
还可以查看api.flutter.dev/flutter/widgets/…，它似乎更可定制，虽然我还没有尝试过。

【解决方案2】：

您可以使用showModalBottomSheet 的shape 参数将BottomSheet 的形状变为圆形（代码来自other SA answer）：

showModalBottomSheet(
  shape: RoundedRectangleBorder(
     borderRadius: BorderRadius.circular(5.0),
  ),
  ...
);

将工作表的内容简单地放在一列中可能已经可行，从一个可以像凹口一样的简单矩形开始。 AFAIK 没有内置的方法可以做到这一点。

如果这还不够高，我解释了as a response to another question earlier 如何通过在工作表内创建一个脚手架来在工作表顶部覆盖一个形状，在这种情况下是一个 FAB。你也可以做类似的事情。

【讨论】：