SwiftUI 截断 ForEach 的内容

Posted 2023-02-24

【中文标题】SwiftUI 截断 ForEach 的内容

【英文标题】：SwiftUI truncate content of ForEach

【发布时间】：2021-06-30 09:15:47

【问题描述】：

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

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

【参考方案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)
  

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