我正在尝试在居中的圆形头像旁边的右上角放置一个编辑图标。但是,如果我在行小部件中使用中心小部件,它就不起作用:
Row(
children: <Widget>[
Center(
child:
CircleAvatar(
radius: 70,
backgroundImage: NetworkImage(
""),
),
),
Icon(Icons.edit),
],
)
如果我将行内容与 mainaxisalignment 居中,它不会使头像居中,而是头像与图标一起居中:
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
CircleAvatar(
radius: 70,
backgroundImage: NetworkImage(
"https://autix.ch/wp-content/uploads/profile-placeholder.png"),
),
Icon(Icons.edit),
],
),
It should look like this:
最佳答案
尝试使用堆栈:
Container(
width: 200,
height: 200,
child: Stack(
children: <Widget>[
Align(
alignment: Alignment.topRight,
child: Icon(Icons.access_time),
),
Container(
width: 200,
height: 200,
child: CircleAvatar(
child: Text('Avatar'),
),
),
],
),
),
结果:
关于android - Flutter:将图标放置在居中的 CircleAvatar 旁边,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62434031/