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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› React

这是一个创建于 2706 天前的主题，其中的信息可能已经有所发展或是发生改变。

代码如下:

<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 条回复 • 2017-07-05 14:07:30 +08:00

tyrealgray

2017-07-05 00:04:01 +08:00

alignItems: 'center'

317765973

2017-07-05 11:42:58 +08:00

@tyrealgray 试过了, 不行的.

tyrealgray

2017-07-05 13:43:59 +08:00

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

317765973

2017-07-05 13:53:56 +08:00

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

tyrealgray

2017-07-05 14:07:30 +08:00 via iPhone

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