xxxxxxxxxx
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',
)
xxxxxxxxxx
style: ButtonStyle(
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(18.0),
side: BorderSide(color: Colors.red)
)
)
)
xxxxxxxxxx
RaisedButton(
onPressed: () {},
color: Colors.amber,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10)),
child: Text("Click This"),
)
xxxxxxxxxx
ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(30.0),
),
),
child: Text(
"Click ME!!"
),
)
xxxxxxxxxx
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),
),
)
xxxxxxxxxx
ElevatedButton(
onPressed: () {},
child: Text('Button'),
style: ElevatedButton.styleFrom(
shape: CircleBorder(),
padding: EdgeInsets.all(24),
),
)
xxxxxxxxxx
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(
"استمر" ),
)
xxxxxxxxxx
ElevatedButton(
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8)),
),
)
xxxxxxxxxx
ElevatedButton(
onPressed: () {},
child: Text('Button'),
style: ElevatedButton.styleFrom(shape: StadiumBorder()),
)
xxxxxxxxxx
ElevatedButton(
onPressed: () {
debugPrint('ElevatedButton Clicked');
},
child: Text('ElevatedButton'),
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10),
),
),
)
xxxxxxxxxx
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),
),
),
)