Card.Title (Android & iOS) - The height of the card does not automatically adjust when Title and Subtitle fontSize gets larger.

[leons1767]

Current behaviour

In Android and iOS, tittle and subtittle do not appear normally when the fontSize is greater than 32 and 24. The styling in titleStyle or subtitleStyle has no way of adjusting the vertical position of the text after increasing the height.

Appbar.Content has the same problem.

Expected behaviour

The height should adjust according to the fontSize, and the text appear normally, like in Web

How to reproduce?

https://snack.expo.dev/@ad9889/react-native-paper-card

Preview

Please see snack example

What have you tried so far?

Tried adjusting the different styling in Card and Card.Title, none works

Your Environment

software	version
ios	x
android	x
react-native	x.x.x
react-native-paper	x.x.x
node	x.x.x
npm or yarn	x.x.x
expo sdk	x.x.x

[leons1767]

It's a nightmare for me as I am adapting an existing UI to a tablet. Icon and font size scaling up are breaking everywhere. It looks like a common issue across the different components. V4.9.x does not have the issue (Android & iOS).

Appbar.Header, Menu.Item, Card.Title...

[lukewalczak]

In v5 all the theme fonts based on the variants has set appropriate lineHeight for the fontSize:

My suggestion is to specify lineHeight as well when you override the default font sizes.