SwiftUI：设置minimumScaleFactor后如何使HStack内文本字体大小更趋近一致

你遇到的问题本质是HStack默认按子视图的固有内容尺寸分配空间：短文本的容器有足够宽度，无需缩小字体；长文本的容器被压缩，不得不缩小字体。要让字体大小趋近一致，核心是让所有文本的可用宽度相同。

方案一：使用Grid组件（iOS14+） #

Grid可以自动均分列宽，让每个子元素拥有相同的可用宽度，是最简洁的实现方式：

import SwiftUI

struct Test: Hashable, Decodable {
  var label: String
  var value: String
  var key: String
}

struct TestView: View {
  @State private var fields: [Test] = [
    Test(label: "label1", value: "value1value1", key: "KEY1"),
    Test(label: "label2", value: "value2value2value2value2value2value2value2value2value2value2value2value2", key: "KEY2"),
    Test(label: "label3", value: "value3value3value3", key: "KEY3")
  ]
  
  var body: some View {
    Grid(horizontalSpacing: 10) {
      GridRow {
        ForEach(fields) { field in
          VStack(alignment: .leading) {
            Text(field.label)
              .lineLimit(1)
              .font(.system(size: 16, weight: .bold))
            
            Text(field.value)
              .lineLimit(1)
              .minimumScaleFactor(0.4)
          }
          .frame(maxWidth: .infinity, alignment: .leading)
        }
      }
    }
  }
}

方案二：GeometryReader+HStack均分宽度（兼容iOS13） #

如果需要支持iOS13，用GeometryReader获取父视图总宽度，手动计算每个子元素的宽度：

import SwiftUI

struct Test: Hashable, Decodable {
  var label: String
  var value: String
  var key: String
}

struct TestView: View {
  @State private var fields: [Test] = [
    Test(label: "label1", value: "value1value1", key: "KEY1"),
    Test(label: "label2", value: "value2value2value2value2value2value2value2value2value2value2value2value2", key: "KEY2"),
    Test(label: "label3", value: "value3value3value3", key: "KEY3")
  ]
  
  var body: some View {
    GeometryReader { geo in
      // 计算每个子元素宽度：总宽度减去所有间距，再均分
      let itemWidth = (geo.size.width - 10 * (fields.count - 1)) / CGFloat(fields.count)
      HStack(spacing: 10) {
        ForEach(fields) { field in
          VStack(alignment: .leading) {
            Text(field.label)
              .lineLimit(1)
              .font(.system(size: 16, weight: .bold))
            
            Text(field.value)
              .lineLimit(1)
              .minimumScaleFactor(0.4)
          }
          .frame(width: itemWidth, alignment: .leading)
        }
      }
    }
  }
}

关键说明 #

• 两种方案的核心都是让所有value文本的可用宽度一致，这样文本缩放的基准相同，最终字体大小会趋近一致。
• 替换原来的ForEach(fields.indices)为直接遍历fields元素，更符合SwiftUI的最佳实践，避免索引操作带来的潜在问题。

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