flutter - 列中图像上方的文本（颤振）

Question

这只是一个例子，所以我可以学习......我想在屏幕中央有一个小图像......在该图像上方有一些文本（居中）？我该怎么做？

我已经尝试过了，但是由于某种原因，图像和文本确实相距甚远：

body: ListView(
        children: <Widget>[
          Text('Text here'
          ),
          Image.asset('assets/image.png')
        ],
      ),

编辑：这是我到目前为止所拥有的，只是不确定将列和文本放在哪里：

body: Container(
          decoration: BoxDecoration(
            gradient: LinearGradient(
                begin: Alignment.topLeft,
                end: Alignment.bottomRight,
                colors: [Colors.green, Colors.blue]),
            ),
          child: Center(
            child: Image.asset('assets/image.png')
            ),
          ),
        );
  }
}

标签： flutter

Answer 1

所以，实现相同的Column看起来像这样，

Column(
  mainAxisAlignment: MainAxisAlignment.center
        children: <Widget>[
          Text('Text here'),
          Image.asset('assets/image.png')
      ],
),

否则与Stack

Stack(
        children: <Widget>[
          Align(
            alignment: Alignment.center,
            child: Image.asset('assets/image.png'),
          ),
          Align(
            alignment: Alignment.center,
            child: Text('Text here'),
          ),
      ],
    ),

希望这适合你的情况！