banner_listtile 2.0.0 banner_listtile: ^2.0.0 copied to clipboard
Create tile with banner at the corner. This package allow you to make a Listtile with option to show or hide banner. Banner with "New" tag or something you want. And lot more.
Banner Listtile #
Banner_Listtile comes handy when you need a templete of tile with build-in banner option. You may have seen banner with tag ex. "new", "Hot", "New Collection" etc. Banner_listtile do the exact thing also give you extra feature of customizing it easily.
Installation #
i. Add the latest version of this package to your pubspec.yaml file, and run: 'dart pub get':
dependancies:
banner_listtile: ^2.0.0
ii. Import the package in your Flutter App and use it.
import 'package:banner_listtile/banner_listtile.dart';
Properties #
- bannerText - showBanner - bannerPositionRight - bannerTextColor - bannerColor - title - subtitle - borderRadius - imageContainer - trailing - backgroundColor - width - randomBackgroundColor |
New 2.0.0 properties added
|
Sample Code #
class BannerListTile extends StatelessWidget {
const BannerListTile({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: BannerListTile(
backgroundColor: Colors.blue,
borderRadius: BorderRadius.circular(8),
imageContainer: Image(
image: NetworkImage(
"https://images.unsplash.com/photo-1529626455594-4ff0802cfb7e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb1.2.1&auto=format&fit=crop&w=387&q=80"),
fit: BoxFit.cover),
title: Text(
"Lisa",
style: TextStyle(fontSize: 24, color: Colors.white),
overflow: TextOverflow.ellipsis,
maxLines: 1,
),
subtitle: Text("A model from NY",
style: TextStyle(fontSize: 13, color: Colors.white)),
trailing: IconButton(
onPressed: () {},
icon: Icon(
Icons.delete_forever,
color: Colors.red,
)),
),
),
);
}
}
Note: #
If you use it inside Column widget you do not need to add height property, but when you use it as a single widget or inside any other widget other than column then you must define it's height by giving it a height property.
New zigzag shape #
BannerListTile(
imageContainerShapeZigzagIndex: index,
),
Examples #
Upcoming #
There are few things to add in future update. More feature are yet to come. Hope for the best.