withLinearGradient method

Widget withLinearGradient({
  1. required dynamic onTap(),
  2. required Widget iconWidget,
  3. required List<Color> colors,
  4. double buttonHeight = 50,
  5. double buttonWidth = 50,
  6. BoxShape buttonShape = BoxShape.circle,
  7. AlignmentGeometry alignmentBegin = Alignment.bottomLeft,
  8. AlignmentGeometry alignmentEnd = Alignment.topRight,
  9. List<double>? stops,
})

withLinerGradient() method will create a linear gradient background to your Floating Action Button

Implementation

Widget withLinearGradient(
    {required Function() onTap,
    required Widget iconWidget,
    required List<Color> colors,
    double buttonHeight = 50,
    double buttonWidth = 50,
    BoxShape buttonShape = BoxShape.circle,
    AlignmentGeometry alignmentBegin = Alignment.bottomLeft,
    AlignmentGeometry alignmentEnd = Alignment.topRight,
    List<double>? stops}) {
  return GestureDetector(
    onTap: onTap,
    child: Container(
      height: buttonHeight,
      width: buttonWidth,
      decoration: BoxDecoration(
          shape: buttonShape,
          gradient: LinearGradient(
              begin: alignmentBegin,
              end: alignmentEnd,
              stops: stops,
              colors: colors)),
      child: iconWidget,
    ),
  );
}