Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 列中图像上方的文本(颤振)_Flutter - Fatal编程技术网

Flutter 列中图像上方的文本(颤振)

Flutter 列中图像上方的文本(颤振),flutter,Flutter,这只是一个例子,所以我可以学习。。。 我想在屏幕中央有一个小图像。。。在图像上方有一些文字(居中)?我该怎么做 我已经试过了,但由于某种原因,图像和文本之间的距离实在太远了: body: ListView( children: <Widget>[ Text('Text here' ), Image.asset('assets/image.png') ], ), 使用堆栈小部件而不

这只是一个例子,所以我可以学习。。。 我想在屏幕中央有一个小图像。。。在图像上方有一些文字(居中)?我该怎么做

我已经试过了,但由于某种原因,图像和文本之间的距离实在太远了:

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

使用堆栈小部件而不是ListView

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

您可以用不同的方式来实现这一点。您可以使用容器来完成此操作

Center(
          child: Container(
            height: 200,
            width: 200,
            decoration: BoxDecoration(
              image: DecorationImage(
                image: AssetImage('assets/image.png'),
                fit: BoxFit.cover,
              ),
            ),
            child: Center(child: Text('Text here')),
          ),
        )
或者,使用堆栈

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

因此,在
列中实现相同的

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

希望这适合你的情况

为什么不使用列?不知道在哪里或如何使用列。我更新了我的问题。对不起,我想你误解了我。。。没关系。。。我只是想把它写在专栏里。对不起,我想你误解了我。。。没关系。。。我只是想把它写在专栏里。
Column(
  mainAxisAlignment: MainAxisAlignment.center
        children: <Widget>[
          Text('Text here'),
          Image.asset('assets/image.png')
      ],
),
Stack(
        children: <Widget>[
          Align(
            alignment: Alignment.center,
            child: Image.asset('assets/image.png'),
          ),
          Align(
            alignment: Alignment.center,
            child: Text('Text here'),
          ),
      ],
    ),