convex_bottom_bar icon indicating copy to clipboard operation
convex_bottom_bar copied to clipboard

Pixel overflow on big label

Open jaumard opened this issue 3 months ago • 0 comments

Describe the bug

Pixel overflow on TabItem when label is long. Capture d’écran 2024-05-16 à 12 44 58

Environment details

Paste the flutter environment detail.

flutter doctor
flutter --version

Paste the package version.

dependencies:
  convex_bottom_bar: ^3.2.0

To Reproduce

Put long label in TabItem.

ConvexAppBar(
              color: AppColors.solidBlack,style:TabStyle.react ,
              activeColor: AppColors.solidBlack,
              backgroundColor: AppColors.solidYellowBrand,
              items: [
                TabItem(icon: Icons.home, title: context.l10n.main_mainPage_mapTab),
                TabItem(icon: Icons.map, title: context.l10n.main_mainPage_benefitsTab),
                TabItem(icon: Icons.add, title: context.l10n.main_mainPage_assistanceTab),
                TabItem(icon: Icons.message, title: context.l10n.main_mainPage_eventsTab),
                TabItem(icon: Icons.people, title: context.l10n.main_mainPage_accountTab),
              ],
              onTap: (int i) => print('click index=$i'),
            ),

Expected behavior

Should either have a way to enable ellipsis, or should change the bar height to not have overflow.

jaumard avatar May 16 '24 10:05 jaumard