文本組件中的文本中心文本，React Native

Question

我的文本組件略高於其中的實際文本。是否可以將此文本垂直居中放置在背景中？

文字是在這裏：

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

風格在這裏：

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

Answer 1

設置組件相同的lineHeight爲height應該修復它。

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