Как равномерно распределить и изменить размер двух элементов подряд?

Я пытаюсь 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(),
        ],
      ),
    )