React native 中嵌套 Text 组件如何让不同大小的字体居中?

[317765973]

代码如下:

<Text style={{
    fontSize: 14,
    lineHeight: 20,
}}> abcdefg <Text style={{
    fontFamily: 'AvenirNextCondensed-Medium',
    fontSize: 18,
    lineHeight: 24,
    color: '#d85940',
}}> abcdefg </Text> abcdefg。</Text>

目前知道可以通过拆分为 3 个 Text 组件来实现想要的效果, 但这种很不优雅.

还有其他更好的方法吗?

还有一个问题, 如上述代码中, 如何控制相同的行高呢?

[tyrealgray]

alignItems: 'center'

[317765973]

@tyrealgray 试过了, 不行的.

[tyrealgray]

@317765973 配合设置一下 View 组件样式一起。

[317765973]

@tyrealgray 是拆分为 3 个 Text 组件吗?

[tyrealgray]

text 你不好设置排位，得外面加 View 来做设置才行啊