Answered by : augusto-vicente
style: ButtonStyle( shape: MaterialStateProperty.all<RoundedRectangleBorder>( RoundedRectangleBorder( borderRadius: BorderRadius.circular(18.0), side: BorderSide(color: Colors.red) ) )
)Source : https://stackoverflow.com/a/57482106/13384755 | Last Update : Tue, 23 Mar 21
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 : jacob-j-van-wyk
ElevatedButton( onPressed: () {}, style: ElevatedButton.styleFrom( shape: new RoundedRectangleBorder( borderRadius: new BorderRadius.circular(30.0), ), ), child: Text( "Click ME!!" ),
)Source : https://flutterforyou.com/how-to-add-an-elevatedbutton-with-rounded-corners-in-flutter/ | Last Update : Sun, 26 Sep 21
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 : programming-army
ElevatedButton( style: ElevatedButton.styleFrom( backgroundColor: Colors.teal, minimumSize: Size(width * 0.30, height * 0.08), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(width * 0.05), )), onPressed: () {}, child: Text( "استمر" ), )Source : | Last Update : Fri, 18 Nov 22
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 : 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 :
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 : 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