SwiftUI 截断 ForEach 的内容

如何解决SwiftUI 截断 ForEach 的内容

在下面的代码片段中，红色圆圈显然不适合屏幕，因此只显示了 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)
            }
        }
    }
}

所以我想要这个：

而不是这个：

解决方法

可以获得除椭圆以外的所有内容：

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

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