问题标签 [hstack]

我想对齐两个HStack成员的高度。预期的结果是图像与文本具有相同的大小。当前的结果是图像的高度高于文本。这是我目前的设置：

我试过的：

1. .fixedSize()-> 我试图将这个修饰符附加到 上，Image但结果是Image' 的高度变得小于文本的高度。可能是因为 SFSymbol 的固有高度小于.largeTitle固有高度。
2. AlignmentGuide-> 我尝试创建一个自定义对齐指南，我最初认为我可以说“对齐底部Image和Text对齐顶部” Image，Text因此具有相同的高度。但似乎每个堆栈视图只能应用一个对齐指南。
3. GeometryReader-> 我试图将它包裹HStack在一个GeometryReader我.frame(height: proxy.frame.height)在文本和图像上添加视图修饰符的地方。这也无济于事，因为它只是在视图周围留出了一些空白。

它是怎样的：

我想要它：

美好的一天，这里是 SwiftUI 和 iOS 开发者的初学者。

我不太确定我还能如何措辞这个问题，但我会尽力解释我想要达到的目标。

现在，我有一个包含 WebImage 和 Text 视图的 VStack，并且这个 VStack 嵌套在 HStack 中。VStack 中的视图位于 ForEach 循环中，并使用我获取的数据动态生成。

当我在屏幕上显示这些视图时，所有这些视图都显示在一行中，如下所示。

但是，我希望每条“线”最多只能有两个视图，而不是所有四个视图都堆叠成一行。有没有办法做到这一点？

这是代码：

我对 Swift 相当陌生，我正在尝试生成元素的 HStack（将在进度条中使用）并能够使用按钮添加元素。我不确定是否应该在 ForEach(1..<Variable) 部分中使用变量或使用其他方法。这是我到目前为止的代码，但它不起作用。

@State var NumberOfCircles : Int = 0 var body: some View {

}

我正在尝试在 SwiftUI 中创建一个简单的夹具列表（一个团队与另一个团队的列表）。“vs”Text字段需要在屏幕上居中对齐，team1 紧邻此左侧，team2 紧邻右侧。下图显示了一个简单的示例。请注意，vs 始终出现在中心线上，并且团队名称基本上是与“vs”Text框对齐的前导或尾随...

如果 3 个文本项以 simple 对齐HStack，则这些文本字段的总宽度在屏幕中央对齐，因此“vs”Text字段将在屏幕上左右移动。

我相信我可以使用几何阅读器在上面创建所需的效果，但这感觉有点费力，我想知道是否有一个简单的对齐类型或扩展可以用来创建所需的效果？

我对 Swift 完全陌生。我需要遍历一个数组，并根据数据是什么，构建一个自定义的树结构。我会分享我的代码，但它太笨重而且太可怕了，无法在公共场合看到。它甚至不接近工作。所以这里有一些伪代码：

最终效果应该是这样的：

看起来这样做应该很简单。我尝试设置树结构，但 SwiftUI View 协议遇到问题。我尝试在视图主体之外的函数中构建树结构，但我无法弄清楚如何将该结构放入视图主体。

或者，我已经放弃了所有这些，只是试图通过跟踪数组索引来通过视图内部的蛮力使其工作，如下所示：

但上述方法不起作用，因为 HStack 不能将程序标题保持在同一行。

提前感谢您的任何意见。

附加材料：

下面是一些基于 CoreData 实体的随机切片：

至于我尝试在视图之外构建树结构的代码示例，我没有工作代码。这只是产生各种错误消息的片段。这是节点结构。我仍在制定将它们组装成工作树的例程，一旦我有值得一看的东西就会发布：

在 SwiftUI 中，当 s 的水平数组Circle是这样制作时：

如何应用（水平）间距值4？它是在两个圆的中心之间还是从它们的边缘？

我有一个带间隔和文本的 HStack。

现在我希望第一个 Spacer 占用 X% 的可用空间（不包括 占用的空间Text），而底部占用其余空间。

如果我使用 Geometry Reader，并对第一个 Spacer 执行以下操作 -

它没有考虑Text.

有没有办法在垫片之间划分“可用”空间？

我有一个 SwiftUI，它在HStack. 这些按钮有一个图标和一些文本，垂直布局。我遇到了按钮可能变得太宽的问题：HStack 超出了视图本身的范围。例如，如果“全部下载”按钮将其文本放在两行上，那将是合乎逻辑的，但它没有这样做。

预览示例：

如您所见，第一个版本有问题，三个按钮不再适合。但即使在第二个示例中，圆角也没有完全显示 - 只有第三个示例 100% 正确显示。

代码：

我怎样才能使它HStack不超出整体范围，而是将多行文本用于按钮文本？

我在 VStack 和 HStack 中显示了一排自定义按钮，奇怪的是，这两行没有对齐 - 请参阅示例以获得最佳效果。我怀疑这是由于不同的内容（文本或 SFSymbol），但按钮“看起来”大小相同。为了得到这个，我必须在 HStacks 中有不同的间距。

谢谢

免责声明：SwiftUI 的新手

我知道ZStack()视图允许我重叠视图，这是我想要的应用程序标题部分。

我将 设置ZStack()为不占据整个高度，并期望将HStack()放置在 之后 就ZStack()可以做到这一点，出现在之后。相反，它也与 ZStack 重叠。

我确信这是一个简单的共存解决方案。图片和代码如下。