Make buttons in a row have the same width in flutter
You can use a Row
wrapping your children with 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, ), ) ],);
There are two ways:
- Expanded widget it will divide space in equal parts. If you useall expanded widget for row of column.
- Get the width of the screen and divide it into the required sizes equally.
Double width = MediaQuery.of(context).size.width;