為什么我不能在抖動上打印出圖像？

Question

通過使用以下代碼，我無法打印出與所列示例相同的結果。 有人知道為什么嗎？ 我的代碼 我實際上得到的 是什么樣子

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,
                    )
                  ],
                ),
              ),
            );
          }