在 Flutter 背景上制作阴影

Question

如何让 appbar 看起来像是打开了一个模态？

图片 1 = 我到底想要做什么

图片 2 = 我尝试使用 showModalBottomSheet 以防万一这不允许我在 appbar 之前使其高度拉伸

图片 3 = 我尝试使用 Flutter Backdrop，它看起来像我想要的，但 appbar 不能像 showModalBottomSheet，

请帮助我，如何让 appbar 像 showModalBottomSheet 一样有阴影，或者如何破解 showModalBottomSheet 以便我可以使其高度低于 appbar？

Answer 1

您必须创建自己的 PageRoute 类：

class _YourPageRoute<T> extends MaterialPageRoute<T> {
  ...
  @override
  bool get opaque => false;
}

现在将这条路线推送到您的导航器：

Navigator.push(context, _YourPageRoute(builder: ...));

也检查this answer。