How to make button width match parent?

by

Update:

With Flutter 2.0 RaisedButton is deprecated and replaced by ElevatedButton. you can use minimumSize like this:

ElevatedButton(
  style: ElevatedButton.styleFrom(
    minimumSize: Size.fromHeight(40), // fromHeight use double.infinity as width and 40 is the height
  ),
  onPressed: () {},
  child: Text('Text Of Button'),
)

Old answer for Flutter less than 2.0:

The correct solution would be to use the SizedBox.expand widget, which enforces its child to match its parent’s size.

SizedBox.expand(
  child: RaisedButton(...),
)

There are many alternatives, which allows for more or less customization:

SizedBox(
  width: double.infinity,
  // height: double.infinity,
  child: RaisedButton(...),
)

or using a ConstrainedBox

ConstrainedBox(
  constraints: const BoxConstraints(minWidth: double.infinity),
  child: RaisedButton(...),
)

More Related Contents:

  1. Flutter – Wrap text on overflow, like insert ellipsis or fade
  2. How to refresh an AlertDialog in Flutter?
  3. How to show/hide widgets programmatically in Flutter
  4. Text Overflowing in a Row, Flutter
  5. Programmatically scrolling to the end of a ListView
  6. How do I do the “frosted glass” effect in Flutter?
  7. InkWell not showing ripple effect
  8. How to create GridView Layout in Flutter
  9. Scroll Function In Flutter Web
  10. How to detect swipe in flutter
  11. How to implement a Custom dialog box in flutter?
  12. Flutter API Fetch and Sending Data from One screen to another screen
  13. Flutter how to draw semicircle (half circle)
  14. Sizing elements to percentage of screen width/height
  15. Style BottomNavigationBar in Flutter
  16. Flutter: Keep BottomNavigationBar When Push to New Screen with Navigator
  17. Flutter: Remove padding in buttons – FlatButton, ElevatedButton, OutlinedButton
  18. How can I navigate between 2 classes, one of them requires passing data? in flutter
  19. TextField inside of Row causes layout exception: Unable to calculate size
  20. Layout: Text overflowing in Flutter
  21. Vertical viewport was given unbounded height
  22. How can I layout widgets based on the size of the parent?
  23. Flutter Zoomable Widget
  24. Builder versus GlobalKey
  25. How to shift focus to the next TextField in Flutter?
  26. Flutter: “RenderFlex children have non-zero flex but incoming height constraints are unbounded”
  27. How to use BottomNavigationBar with Navigator?
  28. How can I add shadow to the widget in flutter?
  29. How do I remove Flutter IconButton big padding?
  30. How to overlay a widget on top of a flutter App?

Leave a Comment