Answered by : tough-tarantula-lu56sybv0up5
RaisedButton( onPressed: () {}, color: Colors.amber, shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10)), child: Text("Click This"), ) Source : https://mightytechno.com/rounded-button-flutter/ | Last Update : Sat, 05 Sep 20
Answered by : unsightly-unicorn-z47ygvbhk56y
ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom( padding: EdgeInsets.symmetric(horizontal: 40.0, vertical: 20.0), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10.0) ), primary: Colors.purple ), child: Text( "CLICK ME", style: TextStyle(color: Colors.white, fontSize: 18), ),
)Source : https://educity.app/flutter/create-a-button-with-border-radius | Last Update : Sat, 16 Jul 22
Answered by : francesco-bussolino
style: ButtonStyle( shape: MaterialStateProperty.all<RoundedRectangleBorder>( RoundedRectangleBorder( borderRadius: BorderRadius.circular(18.0), side: BorderSide(color: Colors.red) ) )
)Source : https://stackoverflow.com/questions/49991444/create-a-rounded-button-button-with-border-radius-in-flutter | Last Update : Mon, 19 Apr 21
Answered by : malik-aqib
ElevatedButton( onPressed: () {}, child: Text('Button'), style: ElevatedButton.styleFrom( shape: CircleBorder(), padding: EdgeInsets.all(24), ),
)Source : https://stackoverflow.com/questions/49991444/create-a-rounded-button-button-with-border-radius-in-flutter | Last Update : Sat, 23 Jul 22
Answered by : jittery-jackal-l7g0z60oq1xy
ElevatedButton( onPressed: () {}, child: Text('Button'), style: ElevatedButton.styleFrom(shape: StadiumBorder()),
)Source : https://stackoverflow.com/questions/49991444/create-a-rounded-button-button-with-border-radius-in-flutter | Last Update : Wed, 27 Apr 22
Answered by :
Padding( padding: EdgeInsets.only(left: 150.0, right: 0.0), child: RaisedButton( textColor: Colors.white, color: Colors.black, child: Text("Search"), onPressed: () {}, shape: new RoundedRectangleBorder( borderRadius: new BorderRadius.circular(30.0), ), ),
)Source : https://16shuklarahul.medium.com/create-a-rounded-button-button-with-border-radius-in-flutter-b0cfb131e43f | Last Update : Thu, 02 Jun 22
Answered by : muhammad-khoyron-af
ElevatedButton( onPressed: () { debugPrint('ElevatedButton Clicked'); }, child: Text('ElevatedButton'), style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), ), ),
)Source : https://www.flutterbeads.com/create-rounded-button-in-flutter/ | Last Update : Sun, 08 Oct 23
Answered by : afram-hanna
RawMaterialButton( onPressed: () {}, elevation: 2.0, fillColor: Colors.white, child: Icon( Icons.pause, size: 35.0, ), padding: EdgeInsets.all(15.0), shape: CircleBorder(),
)Source : | Last Update : Thu, 28 Jan 21
Answered by : you
import 'package:flutter/material.dart';
class RoundedButton extends StatelessWidget { final VoidCallback onPressed; final String text; RoundedButton({required this.onPressed, required this.text}); @override Widget build(BuildContext context) { return ElevatedButton( onPressed: onPressed, child: Text(text), style: ElevatedButton.styleFrom( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(20.0), ), ), ); }
}
// Usage:
RoundedButton( onPressed: () { // Perform desired action here }, text: 'Click Me',
)Source : | Last Update : Tue, 19 Sep 23
Answered by : terrible-tarantula-xv0qpm0z45kq
Container( height: 50.0, child: GestureDetector( onTap: () {}, child: Container( decoration: BoxDecoration( border: Border.all( color: Color(0xFFF05A22), style: BorderStyle.solid, width: 1.0, ), color: Colors.transparent, borderRadius: BorderRadius.circular(30.0), ), child: Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Center( child: Text( "BUTTON", style: TextStyle( color: Color(0xFFF05A22), fontFamily: 'Montserrat', fontSize: 16, fontWeight: FontWeight.w600, letterSpacing: 1, ), ), ) ], ), ), ),
)Source : https://stackoverflow.com/questions/49991444/create-a-rounded-button-button-with-border-radius-in-flutter | Last Update : Sat, 25 Dec 21