React native 将文本居中放置在文本组件中，反应为本机

我的文本成分略高于它里面的实际文本。是否可以将此文本在其背景内垂直居中对齐

正文如下：

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

将构件的线宽设置为与高度相同时，应将其固定

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

将构件的线宽设置为与高度相同时，应将其固定

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

---

我遇到了这个问题，在安卓系统上，行高很容易使文本居中。 见：

然后，文本样式属性textAlignVertical可能是解决方案，请参阅

例如：

<Text style={{textAlignVertical: 'center', textAlign:'center'}}>Horizontal and Vertical centerd text</Text>

---

我遇到了这个问题，在安卓系统上，行高很容易使文本居中。 见：

然后，文本样式属性textAlignVertical可能是解决方案，请参阅

例如：

<Text style={{textAlignVertical: 'center', textAlign:'center'}}>Horizontal and Vertical centerd text</Text>

---

Vladyslav，试试这样的事情：

const styles = StyleSheet.create({
container: {
    fontWeight: 'bold';
    background: grey;
    width: 40%;
    border: 1px solid black;
    margin: auto;
    text-align: center;   
    position: center;
    padding: 16px;
}

})

---

告诉我，事情进展如何：

弗拉迪斯拉夫，试试这样的事情：

const styles = StyleSheet.create({
container: {
    fontWeight: 'bold';
    background: grey;
    width: 40%;
    border: 1px solid black;
    margin: auto;
    text-align: center;   
    position: center;
    padding: 16px;
}

})

---

告诉我，情况如何：

将文本的线宽设置为与文本组件高度相同将文本的线宽设置为与文本组件高度相同在IOS上，您应该使用线宽。所以最好两者都有。在IOS上，你应该使用线宽。所以最好两个都有。