Flutter Bullet List
Developed by Flutter Simplified
Targeted Features
xSingle-level Unordered listxCustomize Bullet point stylexMulti-level unordered listAdd Icon to bullet pointAdd 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
FlutterBulletListto your widget tree
FlutterBulletList(
data: data,
textStyle: TextStyle(color: Colors.blue),
bulletColor: Colors.red,
),
Implementing Multi-level Lists
- Add
List<ListItemModel>todatakey
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
| Property | Usage |
|---|---|
| data | List of ListItemComponent |
| spaceBetweenItem | distance between one list item to other |
| bulletSize | size bullet indicator |
| bulletType | design of bullet indicator |
| bulletColor | Customize the color of bullet indicator |
| bulletSpacing | distance between bullet indicator and string |