修正SliverAppBar底部的小货车线路

Question

我想知道你是否知道解决这个问题的办法。如果您有一个SliverAppBar女巫看起来有点像这样(只是一个例子)

class CostumeSliverAppBar extends StatelessWidget {

  static const totalHeight = 225;

  @override
  Widget build(BuildContext context) {
    return SliverAppBar(
      
      //pinned: true,
      expandedHeight: totalHeight,
      flexibleSpace: FlexibleSpaceBar(
        background: Container(

          color:Theme.of(context).scaffoldBackgroundColor,
        ),
      ),
    );
  }
  
}

如果您将其放置在SliverAppBar中，则会在SliverAppBar底部的主颜色中出现一条buggy 1像素的细线。

​

​

经过大量的测试，我发现这取决于屏幕的分辨率和SliverAppBar的高度。F.x。一个200或300个像素的SliverAppbarHeight不会产生这种效果。有办法避免这种故障吗？我是新来的，也许你能帮我一把。

不知道是否重要，但我使用GetX。

(预先谢谢:)

Answer 1

给SliverAppBar添加背景颜色，然后它就消失了

SliverAppBar(
              //TODO: Add background color
              backgroundColor: Colors.white, //TODO: Add background color
              expandedHeight: 225,
              flexibleSpace: FlexibleSpaceBar(
                background: Container(
                  color: Theme.of(context).scaffoldBackgroundColor,
                ),
              ),
            )