You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让图标与多行文本标签的首行文本垂直居中对齐?

问题

我们希望图标与相邻视图的首行文本垂直居中对齐,且该对齐效果不受文本长度、图标尺寸或字体大小的影响。即我们期望实现如下效果:

红色图标与首行文本中心对齐的期望效果

上述为期望效果:红色图标与首行文本的中心对齐。在SwiftUI中,默认的垂直对齐选项包括:

.top
.center
.bottom
.firstTextBaseline
.lastTextBaseline

.center适用于单行文本,但用于多行文本时会出现如下问题:

多行文本使用.center对齐的问题效果

而使用.firstTextBaseline时,效果接近但无法让图标完全居中(文本尺寸变化时该问题更明显):

使用.firstTextBaseline对齐的效果

内容的提问来源于stack exchange,提问作者uniquesnowflake8

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 14:05:47