flutter – OutlinedButton full width

main.dart

import 'package:flutter/material.dart';

void main(){
  runApp(
    MaterialApp(
      theme: ThemeData(primarySwatch: Colors.pink),
      home: Scaffold(
          appBar: AppBar(
              title: const Text("Flutter - OutlinedButton Full Width")
          ),
          body: Container(
            alignment: Alignment.center,
            padding: const EdgeInsets.all(8),
            child: OutlinedButton(
                onPressed: (){},
                child: const Text("Click Me"),
                style: OutlinedButton.styleFrom(
                    fixedSize: const Size(double.maxFinite, 0)
                )
            ),
          )
      ),
    ),
  );
}

More flutter tutorials

• flutter – OutlinedButton style
• flutter – OutlinedButton color
• flutter – How to create circular OutlinedButton
• flutter – OutlinedButton StadiumBorder
• flutter – CircularProgressIndicator value
• flutter – How to disable Button
• flutter – How to create rounded corners ToggleButtons
• flutter – Checkbox size
• flutter – Radio button example
• flutter – Radio button list
• flutter – Radio button toggleable
• flutter – RangeSlider example
• flutter – Table column width
• flutter – Table outside border
• flutter – Table vertical inside border