banner_listtile 2.0.0

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 imageContainerSize imageContainerShapeZigzagIndex centerTrailingbyImageboxsize trailingBoxwidth subtitleOpacity bannersize

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.