Eu estou tentando spaceevenly
um Icon()
e um AutoSizeText()
em um Row()
.
Quando a quantidade é longo como você pode ver nas imagens anexadas torna como o esperado, mas quando o valor é zero ou muito curto, o AutoSizeText()
está sendo centralizado, mas isso faz com que a mesma distância entre as bordas não é mais mantido. Há uma distância extra causado pela centralização. Eu não sei como corrigir isso.
Editar. Se não ficou claro, estou me referindo a rosa, ícone do carrinho de compras e o valor mostrado no "Riepilogo Settimanale" seção. Se você olhar para o Restaurante Ícone e a sua quantidade, você pode notar como eles não são centralizados, eles estão mais próximos da borda esquerda.
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(),
],
),
)