SwiftUI 截断 ForEach 的内容

Question

在下面的代码片段中，红色圆圈显然不适合屏幕，因此只显示了 HStack 的尾部。我希望 HStack 的前导文本始终可见，并截断不适合可用 space（替换为 ...）的尾随红色圆圈，而不是这种行为。我该怎么做？

struct ContentView: View {

    var body: some View {
        HStack {
            Text("This text should always be visible")
                .layoutPriority(1)
            Spacer()
            ForEach(0..<20) { index in
                Image(systemName: "circle.fill")
                    .font(.body)
                    .foregroundColor(.red)
            }
        }
    }
}

所以我想要这个：而不是这个：

Answer 1

可以得到除省略号以外的所有内容：

struct ContentView: View {
  var body: some View {
    HStack {
      Text("This text should always be visible")
        .fixedSize()
      ForEach(0..<20) { index in
        Image(systemName: "circle.fill")
          .font(.body)
          .foregroundColor(.red)
      }
    }
    .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
  }
}

为了获得省略号，您可能必须计算帧大小或尝试将图像放入属性字符串中，这可能会变得非常复杂。您也可以考虑使用滚动视图或网格。

SwiftUI 截断 ForEach 的内容

SwiftUI truncate content of ForEach

foreach

swift

swiftui

hstack

swiftui-layout