card_banner

Creator: coderz1093

Last updated:

Add to Cart

Description:

card banner

Card Banner #
It is simple to add a banner to any widget using card banner.
Features #

Highly customizable.
Multi-platform support.

Getting started #
Add this line to your pubspec.yaml under the dependencies:
dependencies:
card_banner: <latest-version>
copied to clipboard
alternatively, you can use this command:
flutter pub add card_banner
copied to clipboard
Import statement
import 'package:card_banner/card_banner.dart'
copied to clipboard
Screenshot #

Usage #
Simple example: Cover the card widget with the card banner and provide the required text. It's done
class MyBanner extends StatelessWidget {
const MyBanner({super.key});

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: const Color.fromARGB(255, 221, 222, 245),
body: ListView.builder(
padding: const EdgeInsets.symmetric(horizontal: 10),
itemCount: 8,
itemBuilder: (context, index) {
return CardBanner(
text: "50% Off",
child: foodCard(),
);
},
),
);
}

Card foodCard() {
return Card(
child: ListTile(
contentPadding: EdgeInsets.zero,
title: Image.network(
"https://images.pexels.com/photos/461198/pexels-photo-461198.jpeg",
fit: BoxFit.cover,
),
subtitle: const Padding(
padding: EdgeInsets.all(12.0),
child: Text(
"Nulla cillum qui elit adipisicing culpa ad laboris amet laboris velit. Pariatur sit tempor nostrud non duis commodo laboris. Consequat incididunt laborum qui dolore in velit consequat mollit amet. Proident eu et sint veniam sunt fugiat quis fugiat sunt pariatur do enim in.",
overflow: TextOverflow.ellipsis,
maxLines: 3,
),
),
),
);
}
}

copied to clipboard
Additional information #
Check the example project on github for advanced usage.

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Customer Reviews

There are no reviews.