swift - SwiftUI 截断 ForEach 的内容

Question

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

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)
  }
}

为了获得椭圆，您可能必须计算帧大小或尝试将您的图像转换为可能变得非常复杂的属性字符串。您还可以考虑滚动视图或网格。