Bottom Navigation: Labels are cut off when system font size is set to large

[ptreitler]

Current behaviour

When I set the system font size to "Large" or "Largest" on Android, the labels of the Bottom Navigation are cut off at the bottom (see screenshots below). I tried increasing the size of the bar (as per #2428 (comment)), but that didn't help either.

Expected behaviour

The Bottom Navigation bar should accomodate the larger label.

Screenshots (if applicable)

-->

What have you tried

• increasing the size of the bar (see above)

Your Environment

software	version
ios or android	Android 12
react-native	0.66.3
react-native-paper	4.10.1
node	16.14.0
npm or yarn	7.20.3
expo sdk	-

[github-actions]

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• react-native-vector-icons
• npm
• expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

• react-native (found: 0.66.3, latest: 0.67.3)
• react-native-paper (found: 4.10.1, latest: 4.11.2)
• yarn (found: 7.20.3, latest: 1.22.17)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

[lukewalczak]

Hello @ptreitler, PR should fix your issue. Would you like to install the library from the PR's commit or branch in order to check if it solves your problem?

[ptreitler]

Thanks @lukewalczak, I'll try it out in the next couple of days