为什么我不能在颤振上打印出图像？

Question

通过使用以下代码，我无法打印出与我列出的示例相同的结果。有谁知道为什么？ My codeWhat I'm actually gettingWhat it should look like

Answer 1

首先，确保您在文件 pubspec.yaml 中添加了图像的引用（我猜你有一个错字 -> assets 而不是 assests

    flutter:
       assets:
       - assets/vegetables.jpg

之后我向您的Column 小部件添加了一些属性

mainAxisSize: MainAxisSize.min,

为避免您的 Column 垂直填充所有空间，就像 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,
                    )
                  ],
                ),
              ),
            );
          }