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

› React

This topic created in 3263 days ago, the information mentioned may be changed or developed.

代码如下:

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

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

还有其他更好的方法吗?

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

5 replies • 2017-07-05 14:07:30 +08:00

tyrealgray

Jul 5, 2017

alignItems: 'center'

317765973

Jul 5, 2017

@tyrealgray 试过了, 不行的.

tyrealgray

Jul 5, 2017

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

317765973

Jul 5, 2017

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

tyrealgray

Jul 5, 2017 via iPhone

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