Как выровнять по левому краю значок OutlineButton в Flutter

Question

Как выровнять по левому краю значок OutlineButton во флаттере?Icon можно добавить следующим образом, но значок и текст выровнены по центру кнопки.Есть ли способ выровнять значок по левому краю и текст по центру?

return new OutlineButton.icon(
  onPressed: onPressed,
  label: new Text(title),
  icon: icon,
  highlightedBorderColor: Colors.orange,
  color: Colors.green,
  borderSide: new BorderSide(color: Colors.green),
  shape: new RoundedRectangleBorder(
      borderRadius: new BorderRadius.circular(5.0)));

Answer 1

Есть много способов сделать это, но это невозможно с помощью конструктора фабрики, который вы упомянули OutlineButton.icon, вы можете пойти глубже и проверить исходный код, чтобы увидеть, как он создает виджет.

Вы можете создать свой собственный Widget, чтобы поместить значок влево и центрировать текст.

Также вы можете использовать виджет OutlineButton и передать стек / строку как дочерний элемент, проверьте этот образец

OutlineButton(
    onPressed: () => null,
    child: Stack(
        children: <Widget>[
            Align(
                alignment: Alignment.centerLeft,
                child: Icon(Icons.access_alarm)
            ),
            Align(
                alignment: Alignment.center,
                child: Text(
                    "Testing",
                    textAlign: TextAlign.center,
                )
            )
        ],
    ),
    highlightedBorderColor: Colors.orange,
    color: Colors.green,
    borderSide: new BorderSide(color: Colors.green),
    shape: new RoundedRectangleBorder(
        borderRadius: new BorderRadius.circular(5.0)
    )
)