xxxxxxxxxx
import 'package:flutter/material.dart';
import 'package:flutter_gradients/flutter_gradients.dart';
class GradientButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ElevatedButton(
onPressed: () {
// Add button functionality here
},
style: ElevatedButton.styleFrom(
primary: Colors.transparent,
elevation: 0,
padding: EdgeInsets.all(16),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8),
side: BorderSide(color: Colors.white),
),
shadowColor: Colors.transparent,
textStyle: TextStyle(
fontSize: 18,
fontWeight: FontWeight.bold,
),
alignment: Alignment.center,
padding: EdgeInsets.symmetric(horizontal: 24),
visualDensity: VisualDensity.compact,
minimumSize: Size(150, 48),
fixedSize: Size(150, 48),
// Use the gradient from the flutter_gradients package
// You can also create your own gradients using Flutter's LinearGradient
backgroundGradient: FlutterGradients.jShine(
tileMode: TileMode.clamp,
),
),
child: Text('Gradient Button'),
);
}
}
xxxxxxxxxx
DecoratedBox(
decoration: BoxDecoration(gradient: LinearGradient(colors: [Colors.pink, Colors.green])),
child: ElevatedButton(
onPressed: () {},
style: ElevatedButton.styleFrom(primary: Colors.transparent),
child: Text('Elevated Button'),
),
)
xxxxxxxxxx
RaisedGradientButton(
child: Text(
'Button',
style: TextStyle(color: Colors.white),
),
gradient: LinearGradient(
colors: <Color>[Colors.green, Colors.black],
),
onPressed: (){
print('button clicked');
}
),