Nested text with different lineHeight are cropped on Android

[Mighty683]

Description

If we nest text element inside text element with different heights eg: lineHeight 20 inside lineHeight 30 output on android will be cropped, the bigger difference the bigger crop is. It looks like parent Text element takes child Text lineHeight.

I have found workaround by wrapping child Text element by View element first to break Text styles inheritance.

React Native version:

npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.3 => 0.63.3 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Expected Results

Text should be displayed the same way on Android and on iOS

Snack, code example, screenshot, or link to a repository:

Minimal App to show bug:

import React from 'react';
import { StyleSheet, View, Text } from 'react-native';


const styles = StyleSheet.create({
  text1: {
    fontSize: 20,
    lineHeight: 30,
    fontWeight: 'bold',
  },
  text2: {
    fontSize: 10,
    lineHeight: 20,
  },
  container: {
    padding: 50,
    backgroundColor: 'white',
    height: '100%',
  },
});

const App = () => {

  return (
    <View style={styles.container}>
      <Text style={styles.text1}>TEXT 1 <Text style={styles.text2}>TEXT 2</Text></Text>
    </View>
  );
};

export default App;

Screenshot Android:

Screenshot iOS:

[Mighty683]

Seems to be connect to other issue:
#13126

[yahacom]

looks like there no solution/fix yet.I catch the same behaviour at RN 0.66.2

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions]

This issue was closed because it has been stalled for 7 days with no activity.

[fabOnReact]

Do you still experience this issue?

I have four years of experience maintaining facebook/react-native and I specialize in the Text and TextInput components. I currently have 58 facebook/react-native PRs.

If you still experience this issue, I will prepare a patched release with the fix.

Thanks a lot

[ktroitsky]

+1

[LegendEffects]

I have just encountered this, tracking it down to this was a pain and to find that there's no fix is even more of a pain.

[julian-gargicevich]

Same issue

[SimranDev]

Facing it in 2025.

[szado]

Same issue here.