Flutter App - 容器之间不必要的线

Question

我有一个设置，其中使用了列、容器和扩展小部件。两个容器之间有一条线。我不确定为什么以及哪个小部件生成该行。我尝试为具有 0 边框的容器提供装饰，以查看是否存在默认边框定义，但事实并非如此。

class GalleryImage extends StatelessWidget {

  final String tag;
  final ImageProvider image;

  GalleryImage(this.tag, this.image);

  @override
  Widget build(BuildContext context) {

    return Stack(
      children: <Widget>[
        Container(
          padding: EdgeInsets.all(0.0),
          child: Column(
            children: <Widget>[
              Container(
                decoration: BoxDecoration(
                  border: Border.all(color:Colors.white, width:0.0, style:BorderStyle.none),
                  color: Colors.white,
                ),
                child: Hero(
                  tag: tag,
                  child: Image(
                    image: image,
                  ),
                ),
              ),
              Container(
                decoration: BoxDecoration(
                  border: Border.all(color:Colors.white, width:0.0, style:BorderStyle.none),
                  color: Colors.white,
                ),
                width: double.infinity,
                padding: EdgeInsets.fromLTRB(10.0, 15.0, 15.0, 15.0),                 
                child:Text(
                  "Beautiful Nepal",
                  style: Theme.of(context).textTheme.headline,
                ),
              ),
              Expanded(
                child: Container(
                  color: Colors.white,
                  padding: EdgeInsets.fromLTRB(10.0, 5.0, 5.0, 0.0),                 
                  child:Text(
                    "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla malesuada varius viverra. Proin malesuada id nisl a ultricies.",
                    style: Theme.of(context).textTheme.body1,
                  ),
                )
              ),
            ],
          )
        ),
        Scaffold(
          backgroundColor: Colors.transparent,
          appBar: AppBar(
            backgroundColor: Colors.transparent,
            elevation: 0.0,
          ),
        ),
      ],
    );

  }

}

Here is the project repo

Answer 1

我没有使用图像而是使用黄色容器来测试您的代码。

我没有分隔符，下面是它的样子:

我建议尝试使用 Flutter inspector 和Select widget mode:

然后尝试点击该小部件:

它应该能够突出显示导致此行为的小部件并帮助您进一步调查。