ElevatedButton.icon( icon: Icon( Icons.search, color: Colors.grey.shade600, ), label: Text( 'ElevatedButton', style: TextStyle(color: Colors.grey.shade600), textAlign: TextAlign.left, ), onPressed: () {}, style: ButtonStyle( alignment: Alignment.centerLeft, backgroundColor: MaterialStateProperty.all(Colors.grey.shade300), shape: MaterialStateProperty.all(RoundedRectangleBorder( borderRadius: BorderRadius.circular(4.0), )), ), ), // More ElevatedButton( style: ElevatedButton.styleFrom( primary: Colors.green, onPrimary: Colors.white, shadowColor: Colors.greenAccent, elevation: 3, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(32.0)), minimumSize: Size(100, 40), //////// HERE ), onPressed: () {}, child: Text('Hey bro'), ) // More ElevatedButton.icon( icon: Icon( Icons.search, ), label: Text( 'Search', ), onPressed: () {}, style: ButtonStyle( alignment: Alignment.centerLeft, ), ),
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter