Gradient Button

1

Button Image

import 'package:flutter/material.dart';

FilledButton(
  onPressed: () {},
  style: ButtonStyle(
    overlayColor: const WidgetStatePropertyAll(
      Colors.blue,
    ),
    backgroundBuilder: (context, states, child) {
      return Ink(
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(30),
          gradient: const LinearGradient(
            begin: Alignment.centerLeft,
            end: Alignment.centerRight,
            colors: [
              Colors.purple,
              Colors.blue,
            ],
          ),
        ),
        child: child,
      );
    },
  ),
  child: const Text('Gradient Button'),
),

1​

1