Flutter - SliverAppBar 中的圆角

Question

在 Flutter 中，您可以在AppBar小部件中使用shape属性自定义形状，但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'),
);

Answer 2

我使用小部件实现了这种设计BorderRadius。

Container(
        height: 75.0,
        child: Center(child: new Text("Hello",
          textAlign: TextAlign.center,
          style: TextStyle(
            height: 2.5,
            color: Colors.white,
            fontSize: 18.0,
          ),
        )),
        decoration: new BoxDecoration(
          color: Colors.blue,
          boxShadow: [new BoxShadow(blurRadius: 3.0)],
          borderRadius: BorderRadius.vertical(bottom: Radius.circular(19.0)),
        ),
      ),

这不会为您提供视差滚动功能