为什么我不能在抖动上打印出图像?

时间:2018-08-24 03:18:15

标签: error-handling syntax syntax-error flutter flutter-layout

通过使用以下代码,我无法打印出与所列示例相同的结果。有人知道为什么吗? My code What I'm actually getting What it should look like

1 个答案:

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