首页 > 解决方案 > SwiftUI 如何在 Swift UI 中检索 HStack 对象的大小

问题描述

我试图弄清楚如何检索它的大小HStack以自动计算将帧分成 3。计划是在活动屏幕标题下方设置一个彩色条,请参见下面的图片示例。

VStack{
      HStack{
          Text("Overview").fontWeight(.black)
          Spacer()
          Text("Bio").fontWeight(.black)
          Spacer()
          Text("Location").fontWeight(.black)
      }
}

让我在哪里试图找出 HStack 的确切大小HStack 大小

我的最终目标是实现这一目标。

期望的结果

标签: swiftuisizeofhstack

解决方案


将 HStack 包裹在GeometryReader

GeometryReader { g in
  HStack {
    Text("Overview").frame(width: g.size.width / 3)
    Text("Bio").frame(width: g.size.width / 3)
    Text("Location").frame(width: g.size.width / 3)
  }
}

https://developer.apple.com/documentation/swiftui/geometryreader


推荐阅读