Check the demo here
You can add bubble selection like this,
BubbleSelection(
bubbles: [
Bubble(
text: "Gaming🎮",
activeColor: Colors.red,
inactiveColor: Colors.blue,
textStyle: const TextStyle(
fontSize: 18,
color: Colors.yellow,
),
),
Bubble(
text: "Food🍔",
activeColor: Colors.red,
inactiveColor: Colors.orange,
textStyle: const TextStyle(
fontSize: 16,
),
),
],
selectedBubbles: selectedBubbles,
size: const Size(
900,
300,
),
onSelect: (bubble) {
// logic on bubble selection
},
onRemoved: (bubble) {
// logic when bubble is un-selected
},
)
Warning This is a dev release. Meaning, things may change/break more often than usual untill a stable release.