我在努力 spaceevenly
一个 Icon()
和一个 AutoSizeText()
在一个 Row()
.
当量,只要你能看见所附的图像呈现不如预期,但当量为零或很短的, AutoSizeText()
正在为中心,但是这个原因,距离相同的边缘,不再保留。 有一个额外的距离所造成的中心。 我不知道如何来解决这个问题。
编辑。 如果不是明确的,我指的粉红色购物袋里的图标和数量表明在"Riepilogo Settimanale"部分。 如果你看一下餐厅标及其数量,可以发现他们是如何不集中,他们靠近左边缘。
Container(
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
),
width: size.width * 0.3,
height: size.height,
// height: size.height * 0.055,
child: Row(
children: [
Spacer(),
Expanded(
flex: 3,
child: Container(
child: LayoutBuilder(
builder: (context, constraint) {
return Icon(
icona,
color: colore,
size: constraint.biggest.width * 1,
);
},
),
),
),
Spacer(),
Expanded(
flex: 6,
child: Center(
child: AutoSizeText(
importo,
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: colore,
),
maxLines: 1,
),
),
),
Spacer(),
],
),
)