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
中。太好了,这就是我要找的!谢谢:)