ElevatedButton filled with gradient #89563
Description
Please add gradient property for ElevatedButton.
It's very often needed to paint a button filled with gradient, so strange we still didn't have it out of the box.
Currently we have to use complicated workarounds to achieve this effect:
https://www.kindacode.com/article/flutter-create-gradient-background-buttons/
ElevatedButton(
onPressed: () {
print('Hi there');
},
style: ElevatedButton.styleFrom(
padding: EdgeInsets.zero,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20))),
child: Ink(
decoration: BoxDecoration(
gradient: LinearGradient(colors: [Colors.red, Colors.yellow]),
borderRadius: BorderRadius.circular(20)),
child: Container(
width: 300,
height: 100,
alignment: Alignment.center,
child: Text(
'Button',
style: TextStyle(fontSize: 24, fontStyle: FontStyle.italic),
),
),
),
),