Open jaumard opened 3 months ago
If you have a big label, you can very simply add height parameter onto ConvexAppBar. This will automatically wrap the text and would not show overflow error. Refer to following snippet
ConvexAppBar(
style: TabStyle.react,
height: 100,
items: [
TabItem(icon: Icons.list,title: "RaghavGupta"),
TabItem(icon: Icons.calendar_today),
TabItem(icon: Icons.assessment),
TabItem(icon: Icons.list,title: "RaghavGupta"),
TabItem(icon: Icons.calendar_today),
TabItem(icon: Icons.assessment),
],
initialActiveIndex: 1,
onTap: (int i) => print('click index=$i'),
),
You can see there that height 100 was added to prevent overflowing. You may have to tune it so that it serves all the text sizes
Describe the bug
Pixel overflow on TabItem when label is long.
Environment details
Paste the flutter environment detail.
Paste the package version.
To Reproduce
Put long label in TabItem.
Expected behavior
Should either have a way to enable ellipsis, or should change the bar height to not have overflow.