Flutter - SliverAppBar 中的圆角

Question

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

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

如何在SliverAppBar 中有圆角？

Answer 1

在Flutter中，您可以在带有形状属性的AppBar小部件中具有自定义形状，但是SliverAppBar小部件中缺少此属性

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

如何在SliverAppBar中有圆角？

Answer 2

在Flutter中，您可以在带有形状属性的AppBar小部件中具有自定义形状，但是SliverAppBar小部件中缺少此属性

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

如何在SliverAppBar中有圆角？

Answer 3

在Flutter中，您可以在带有形状属性的AppBar小部件中具有自定义形状，但是SliverAppBar小部件中缺少此属性

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

如何在SliverAppBar中有圆角？

Answer 4

SliverAppBar 小部件中没有缺少此属性，它就像 AppBar 小部件，但您不需要 Scaffold 小部件中的“appBar：”属性，您需要“body：”属性，并且必须在其上添加 CustomScrollView 小部件，并在“slivers：”中属性，您可以添加从 SliverAppBar 开始的小部件列表，并且您可以根据需要添加 SliverList、SliverGrid，我试过了，它完成了，这是我的代码。 Scaffold( body: CustomScrollView( slivers: [ SliverAppBar( expandHeight: 180, title: Text('RoundedRectangleBorder'), shape: RoundedRectangleBorder( borderRadius: BorderRadius.vertical(bottom: Radius.circular(40), ), ), ), ] , ), );