Сделать кнопки в ряду одинаковой ширины в флаттере

Question

Если я хочу, чтобы два или более Buttons в Row имели одинаковые Width, как мне это сделать?Например, у меня есть три RaisedButtons с другим названием, скажем, Approve, Reject и Need Revise, и если я положу три Button s в Row, они будут иметь различный Width, и я наденуне хочу этогоЧто мне нужно, так как они имеют одинаковые Width.

Answer 1

Есть два способа:

1. Расширенный виджет, он разделит пространство на равные части.Если вы используете все расширенные виджеты для строки столбца.
2. Получите ширину экрана и разделите его на требуемые размеры равными.

Двойная ширина = MediaQuery.of(контекст) .size.width;

Answer 2

Вы можете использовать Row, оборачивая своих детей Expanded:

        Row(children: <Widget>[
                    Expanded(
                      child: RaisedButton(
                        child: Text("Approve"),
                        onPressed: () => null,
                      ),
                    ),
                    Expanded(
                      child: RaisedButton(
                        child: Text("Reject"),
                        onPressed: () => null,
                      ),
                    ),
                    Expanded(
                      child: RaisedButton(
                        child: Text("Need Revise"),
                        onPressed: () => null,
                      ),
                    )
                  ])