React-Native text gets vertically cut off for no reason

January 7, 2024 by Tarik

<View style={[styles.itemContainer, { padding: 15 }]}>
  <Text style={styles.itemHeaderText}>Cut off Text????</Text>
</View>

The padding should be applied to the Text component instead of the View container:

<View style={styles.itemContainer}>
  <Text style={[styles.itemHeaderText, { padding: 15 }]}>Cut off Text????</Text>
</View>

Working code: https://snack.expo.io/Hkn9YIC17