Flutter Bullet List
Developed by Flutter Simplified
Targeted Features
x
Single-level Unordered listx
Customize Bullet point stylex
Multi-level unordered list
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>
todata
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
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 |