Javascript 将所有文字高度与最大高度匹配

使一行文本与该行中最高文本的最大高度相匹配的最佳方法是什么？代码如下所示：

<View style={styles.field}>
     <Text style={styles.titleCoverage}>Coverage</Text>
     <Text style={styles.titleFaceAmount}>Face Amount</Text>
     <Text style={styles.titlePremiums}>Premiums</Text>
</View>

field: {
    flexDirection: "row",
    justifyContent: 'space-between',
    width: '95%',
    alignItems: 'center',
},
titleCoverage: {
    textAlign: 'center',
    backgroundColor: '#2980b9', 
    marginBottom: 5,
    width: 200, 
    paddingTop: 3,
    paddingBottom: 3
},
titleFaceAmount: {
    textAlign: 'center',
    backgroundColor: '#2980b9', 
    marginBottom: 5,
    width: 80, 
    paddingTop: 3,
    paddingBottom: 3
},
titlePremiums: {
    textAlign: 'center',
    backgroundColor: '#2980b9', 
    marginBottom: 5,
    width: 80, 
    paddingTop: 3,
    paddingBottom: 3
},

---

在这种情况下，“面量”文本比其他两个文本具有更高的高度。给定一个可能大或小的可变文本值，确保行中所有三个保持与最大文本相同高度的最佳方法是什么？

我假设您已将容器的显示属性设置为flex

在此之后，您可能需要将容器的

align items

属性设置为

stretch

display: flex;
align-items: stretch;

详情如下：

对于我们的用例，我认为应该增加一个条目：

alignItems:
style.field
map中的“拉伸”