Dart 图像背景底部溢出

Dart 图像背景底部溢出,dart,flutter,Dart,Flutter,我不知道如何使这个背景与屏幕的其余部分相匹配。谁能告诉我出了什么问题 我有点想让它适合其余的屏幕,但可以;我没法做到 class HomeScreen extends StatelessWidget { @override Widget build(BuildContext context) { return new Column( children: <Widget>[ new GradientAppBar('Milkyway Galax

我不知道如何使这个背景与屏幕的其余部分相匹配。谁能告诉我出了什么问题

我有点想让它适合其余的屏幕,但可以;我没法做到

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Column(
      children: <Widget>[
        new GradientAppBar('Milkyway Galaxy'),
        new Container(
          child: new Stack(
            children: <Widget>[
              _buildBackground(),
              _buildDescription(),
            ],
          ),
        ),
      ],
    );
  }

  Widget _buildBackground() {
    return new Container(
//      constraints: new BoxConstraints.expand(),
      child: new Image.asset('assets/images/milkyway.gif', fit: BoxFit.cover,),
    );
  }

  Widget _buildDescription() {
    return new Container(
      child: new Center(
        child: new Text(milkyWayGalaxy.description),
      ),
    );
  }
}
类主屏幕扩展小部件{
@凌驾
小部件构建(构建上下文){
返回新列(
儿童:[
新的GradientAppBar(“Milkyway Galaxy”),
新容器(
子:新堆栈(
儿童:[
_buildBackground(),
_buildDescription(),
],
),
),
],
);
}
小部件_buildBackground(){
退回新货柜(
//约束:新建BoxConstraints.expand(),
子项:new Image.asset('assets/images/milkyway.gif',fit:BoxFit.cover,),
);
}
小部件_buildDescription(){
退回新货柜(
孩子:新中心(
子:新文本(milkyWayGalaxy.description),
),
);
}
}

使用
BoxDecoration
将图像应用为
容器的背景图像。使用
展开的
小部件确保
容器
填满屏幕的剩余空间:

类主屏幕扩展小部件{
@凌驾
小部件构建(构建上下文){
返回新列(
儿童:[
新的GradientAppBar(“Milkyway Galaxy”),
新扩展(
子容器:新容器(
装饰:新盒子装饰(
图片:新装饰图片(
image:newassetimage('assets/images/milkyway.gif'),
适合:BoxFit.cover,
),
),
孩子:新中心(
子:新文本(milkyWayGalaxy.description),
),
),
),
],
);
}
}

如果文本较长,您可能希望将其包装在
SingleChildScrollView

中。太好了,这就是我要找的!谢谢:)