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'),
),
],
),