为什么我不能在 flutter 上打印出图像?
Why can't I print out an image on flutter?
通过使用以下代码,我无法打印出与我列出的示例相同的结果。有谁知道为什么?
My code What I'm actually gettingWhat it should look like
首先,确保您在文件 pubspec.yaml
中添加了图像的引用(顺便说一句,我猜您打错了 -> assets
而不是 assests
flutter:
assets:
- assets/vegetables.jpg
之后,我向您的 Column
小部件添加了一些属性
mainAxisSize: MainAxisSize.min,
为了避免您的列在垂直方向填充所有 space,就像 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,
)
],
),
),
);
}
通过使用以下代码,我无法打印出与我列出的示例相同的结果。有谁知道为什么? My code What I'm actually gettingWhat it should look like
首先,确保您在文件 pubspec.yaml
中添加了图像的引用(顺便说一句,我猜您打错了 -> assets
而不是 assests
flutter:
assets:
- assets/vegetables.jpg
之后,我向您的 Column
小部件添加了一些属性
mainAxisSize: MainAxisSize.min,
为了避免您的列在垂直方向填充所有 space,就像 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,
)
],
),
),
);
}