Flutter Bullet List

Developed by Flutter Simplified

Targeted Features

  • x Single-level Unordered list
  • x Customize Bullet point style
  • x Multi-level unordered list
  • Add Icon to bullet point
  • Add customizations to individual level

Basic Usage

Implementing Single Level List

  • Declare your list of ListItemModel
final List<ListItemModel> data=[
    ListItemModel(label: "Flutter Simplified"),
    ListItemModel(label: "Flutter Simplified"),
    ListItemModel(label: "Flutter Simplified"),
    ListItemModel(label: "Flutter Simplified"),
    ListItemModel(label: "Flutter Simplified"),
];
  • Add FlutterBulletList to your widget tree
FlutterBulletList(
  data: data,
  textStyle: TextStyle(color: Colors.blue),
  bulletColor: Colors.red,
),

Implementing Multi-level Lists

  • Add List<ListItemModel> to data key
final List<ListItemModel> data = [
    ListItemModel(
        label: "Flutter Simplified",
        data: [ListItemModel(label: "Follow Us on Instagram")],
    ),
    ListItemModel(  
        label: "Flutter Simplified",
        data: [
            ListItemModel(
                label: "Flutter",
                data: [
                    ListItemModel(
                        label: "Simplified",
                        data: [ListItemModel(label: "Follow us")],
                    ),
                ],
            ),
        ],
    ),
];

Properties

PropertyUsage
dataList of ListItemComponent
spaceBetweenItemdistance between one list item to other
bulletSizesize bullet indicator
bulletTypedesign of bullet indicator
bulletColorCustomize the color of bullet indicator
bulletSpacingdistance between bullet indicator and string

Libraries

flutter_bullet_list