dart - Flutter - SliverAppBar 中的圆角

Question

在 Flutter 中，您可以使用 shape 属性在 AppBar 小部件中自定义形状，但此属性在 SliverAppBar 小部件中缺失

  AppBar(
    title: Text('Hello'),
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.vertical(
        bottom: Radius.circular(30),
      ),
    ),
  ),

SliverAppBar如何实现圆角？

Answer 1

这是更改 SliverAppBar 形状的正确且简单的方法(如 Flutter 文档中所述)。不需要你使用任何技巧。您甚至可以将其塑造成您想要的任何形状。

SliverAppBar(
  shape: ContinuousRectangleBorder(
      borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30))),
  title: Text('Sliver AppBar'),
);