flutter – Button width match parent

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(
      MaterialApp(
          theme: ThemeData(primarySwatch: Colors.indigo),
          home: Scaffold(
              appBar: AppBar(
                  title: const Text("Flutter - Button Width Match Parent")
              ),
              body: bodyContent(),
              backgroundColor: Colors.indigo.shade50
          )
      )
  );
}

bodyContent(){
  return Padding(
      padding: const EdgeInsets.all(12),
      child: ElevatedButton(
          onPressed: (){},
          child: const Text("Click me"),
          style: ElevatedButton.styleFrom(
              fixedSize: const Size(double.maxFinite, 75)
          )
      )
  );
}

More flutter tutorials

• flutter – Remove ExpansionTile border
• flutter – ExpansionTile color
• flutter – ExpansionTile divider
• flutter – ExpansionTile remove trailing icon
• flutter – How to use Padding widget
• flutter – Padding background color
• flutter – Padding percentage
• flutter – Padding between column items
• flutter – Padding between row items
• flutter – SizedBox full width
• flutter – SizedBox full height
• flutter – How to use SizedBox square
• flutter – SizedBox expand
• flutter – SizedBox from size
• flutter – SizedBox shrink