通过使用以下代码,我无法打印出与所列示例相同的结果。有人知道为什么吗? My code What I'm actually getting What it should look like
答案 0 :(得分:0)
首先,请确保在文件pubspec.yaml
中添加了图像的引用(我猜您是错字-> assets
而不是assests
flutter:
assets:
- assets/vegetables.jpg
之后,我向您的Column
小部件中添加了一些属性
mainAxisSize:MainAxisSize.min,
要避免您的列垂直填充所有空间,就像Android中的wrap_content
crossAxisAlignment:CrossAxisAlignment.stretch
扩大孩子的整个宽度。
textAlign:TextAlign.center
使文本居中对齐
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("FBLA Quizz!!"),
),
body: Card(
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Image.asset("assets/vegetables.jpg"),
Text(
"Food Paradise",
textAlign: TextAlign.center,
)
],
),
),
);
}