[Text] [Android] numberOfLines prop WITH textAlign style breaks onPress in Nested Text

[jlflanders]

On Android, nested Text elements do not support onPress if their parent has the numberOfLines prop AND the textAlign style. Removing either numberOfLines or textAlign allows for the nested Text element's onPress to work properly. iOS works as expected.

Possibly related to #22811 (Text numberOfLines prop is not respected in Nested Text) except numberOfLines prop is operating as expected in this case.

React Native version:
originally found on 0.59.10
reproduced on Snack on 0.61.4

Steps To Reproduce

1. In your render function, return the following:

<View style={styles.container}>
  <Text style={styles.paragraph} numberOfLines={1}>
    <Text onPress={() => Alert.alert('ow you poked my text')}>
    Change code in the editor and watch it change on your phone! Save to get a shareable url.
    </Text>
  </Text>
</View>

2. In styles.paragraph set textAlign: 'center'
3. When clicking on the truncated link Change code in the editor and watch..., nothing happens.
4. Remove ONLY the textAlign style or ONLY the numberOfLines prop.
5. Now, clicking on the link causes a pop up with ow you poked my text.

Describe what you expected to happen:
When clicking on the truncated link Change code in the editor and watch... that is center aligned, a pop up with ow you poked my text should appear.

Snack, code example, screenshot, or link to a repository:
https://snack.expo.io/Sk8ZPAmk8

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.