Zentrieren Sie Text innerhalb der Textkomponente, reagieren Sie gebürtig

Question

Ich habe Textkomponente etwas höher als der tatsächliche Text innerhalb es. Ist es möglich, diesen Text vertikal im Hintergrund auszurichten? hier

Text ist:

<Text style={styles.container}>{this.props.title}</Text> 

Styles sind hier:

const styles = StyleSheet.create({ 
    container: { 
     height: 30, 
     justifyContent: 'center', 
     alignItems: 'center', 
     fontWeight: 'bold', 
     backgroundColor: '#fff', 
    } 
}); 

Answer 1

Einstellung lineHeight des Bauteils gleich der height sollte es beheben.

const styles = StyleSheet.create({ 
    container: { 
     height: 30, 
     lineHeight: 30, 
     justifyContent: 'center', 
     alignItems: 'center', 
     fontWeight: 'bold', 
     backgroundColor: '#fff', 
    } 
});