React-Native text get's vertically cut off for no reason

<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