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 : tough-tarantula-lu56sybv0up5
Container( width: 90, height: 90, child: RaisedButton(onPressed: (){ }, color: Colors.deepOrange, textColor: Colors.white, shape: CircleBorder(side: BorderSide.none), child: Text('Login',style: TextStyle( fontSize: 20.0 ), ), ), )Source : https://stackoverflow.com/questions/57561825/flutter-how-to-create-round-circular-button | Last Update : Wed, 02 Sep 20
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 : mathias-godwin
// 1
ElevatedButton( child: const Text( 'Button', style: TextStyle(fontSize: 24), ), onPressed: () {}, style: ElevatedButton.styleFrom( fixedSize: const Size(200, 200) shape: const CircleBorder(), ),
),
// 2
MaterialButton( color: Colors.blue, shape: const CircleBorder(), onPressed: () {}, child: const Padding( padding: EdgeInsets.all(100), child: Text( 'A circle button', style: TextStyle(color: Colors.white, fontSize: 24), ), ),
),
// 3
GestureDetector( onTap: () { print('Button tapped'); }, child: const CircleAvatar( radius: 100, backgroundColor: Colors.indigo, child: Text( 'A Button', style: TextStyle(fontSize: 30), ),
)),
// 4
ElevatedButton( style: ElevatedButton.styleFrom( shape: const CircleBorder(), primary: Colors.red), child: Container( width: 200, height: 200, alignment: Alignment.center, decoration: const BoxDecoration(shape: BoxShape.circle), child: const Text( 'I am a button', style: TextStyle(fontSize: 24), ), ), onPressed: () {},
),
// 5
ClipRRect( borderRadius: BorderRadius.circular(120), child: SizedBox( width: 240, height: 240, child: ElevatedButton.icon( icon: const Icon( Icons.camera, size: 40, ), label: const Text( 'Camera', style: TextStyle(fontSize: 25), ), onPressed: () {}, ), ),
),Source : https://stackoverflow.com/questions/49809351/how-to-create-a-circle-icon-button-in-flutter | Last Update : Tue, 30 Aug 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 : 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