Jak równomiernie rozprowadzić i zmienić rozmiar dwóch elementów z rzędu?

Staram się spaceevenly jeden Icon() i jeszczeAutoSizeText() w Row(). Kiedy suma jest duża, jak widać na załączonych zdjęciach, jest wyświetlany zgodnie z oczekiwaniami, ale gdy suma jest równa zero lub jest dość krótka, AutoSizeText() centruje, ale to prowadzi do tego, że nie jest już obsługiwany w tej samej odległości od krawędzi. Istnieje dodatkowy odstęp, spowodowane ustawieniami.. Nie wiem, jak to naprawić.

Edytować. Jeśli to nie było jasne, mam na myśli symbol różowej torby na zakupy i kwoty określonej w sekcji "Riepilogo Settimanale". Jeśli spojrzeć na ikonę restauracji i jego ilość, można zauważyć, że są one nie wyśrodkowania, są bliżej lewej krawędzi.

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