Button label cut off with accessibility font size increase

[robinclaes]

Description

When using the Android OS accessibility settings to increase font size, the button label somehow cuts off the text.

Related to

• Components
• Demo
• Docs
• Typings

Steps to reproduce

1. Go to Android settings > Accessibility > Font Size
2. Increase the default Font Size
3. Create a button with a long text

Expected behavior

The label uses all available space

I worked around this by doing the following

 <Button label="A very very very long message" labelStyle={{ flexGrow: 1, textAlign: 'center' }} />

Actual behavior

The label is cut off and large paddings are added left and right

More Info

Screenshots/Video

Environment

• React Native version: 0.76.9
• React Native UI Lib version: 7.40.1

Affected platforms

• Android
• iOS
• Web