SwiftUI中如何为标题与后缀字符添加不同内边距？

你当前的问题在于把标题和"+数字"拼接成了单个字符串，导致无法为不同部分单独设置内边距。解决思路是不合并字符串，而是用HStack组合多个Text组件，这样就能分别控制每个部分的padding。

步骤1：调整存储变量（可选但更清晰） #

把原来拼接后的title改成存储原始标题，让视图层负责显示逻辑：

private let originalTitle: String
private let descriptions: [String]
private let type: RCHSelectorType
private let amountOfBPs: Int

public init(title: String = "Alexandru", descriptions: [String] = ["Subtitle1", "Subtitle2"], type: RCHSelectorType = .bpSmall, amountOfBPs: Int = 2) {
    self.originalTitle = title
    self.descriptions = descriptions
    self.type = type
    self.amountOfBPs = amountOfBPs
}

步骤2：在视图中组合Text并设置padding #

在你的视图body里，用HStack来组合各个文本部分，分别设置内边距：

var body: some View {
    HStack(spacing: 0) {
        // 原始标题，满足条件时添加右侧5单位padding
        Text(originalTitle)
            .padding(.trailing, shouldShowBadge ? 5 : 0)
        
        // 仅当条件满足时显示"+数字"部分
        if shouldShowBadge {
            Text("+")
                .padding(.trailing, 10) // +号后添加10单位padding
            Text("\(amountOfBPs)")
        }
    }
}

// 提取判断逻辑为计算属性，让代码更简洁
private var shouldShowBadge: Bool {
    amountOfBPs > 1 && type != .bpSmall
}

为什么这样做？ #

单个String是一个不可分割的文本单元，无法对其中的子串单独设置布局属性。而用HStack组合多个Text后，每个Text都是独立的视图，可以分别添加padding、设置字体样式等，完全满足你对不同部分设置不同内边距的需求，同时代码结构清晰易维护。

内容的提问来源于stack exchange，提问作者user20273483