fancy_gradient_card 0.0.2 copy "fancy_gradient_card: ^0.0.2" to clipboard
fancy_gradient_card: ^0.0.2 copied to clipboard

An simple Flutter Package. By using this Package we can create fancy gradient cards with network images, By Specifing the image decoration inside network image widget and I wrap my container with a Ge [...]

Fancy Gradient Cards #

Fancy Gradient Cards package lets you add a beautiful gradient card to your Flutter app.

Installation #

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  fancy_gradient_card: ^0.0.2
  1. Import the package and use it in your Flutter App.
import 'package:fancy_gradient_card/fancy_gradient_card.dart';

Example #

There are a number of properties that you can modify:

  • height
  • width
  • title
  • subtitle
  • network image
  • gradient (color1 and color2)

class FancyCard extends StatelessWidget {
  const FancyCard({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: const FancyGradientCard(
          title: 'Hello World',
          color1: Colors.lightGreenAccent,
          color2: Colors.lightBlue,
          image: 'https://docs.flutter.dev/assets/images/dash/Dashatars.png',
          subtitle: 'This is a new package',
        ),
      ),
    );
  }
}
fancy card image

Next Goals #

  • Make Some Animations with Containers.
8
likes
0
pub points
45%
popularity

Publisher

verified publisherarun.engineer

An simple Flutter Package. By using this Package we can create fancy gradient cards with network images, By Specifing the image decoration inside network image widget and I wrap my container with a GestureDetector, and I make null safety for onTap function so if you implement this package then you definetly write code for onTap function.

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on fancy_gradient_card