HStack 中的 SwiftUI 元素具有不同的高度

Posted

技术标签:

【中文标题】HStack 中的 SwiftUI 元素具有不同的高度【英文标题】:SwiftUI elements inside HStack have different heights 【发布时间】:2020-02-07 09:55:09 【问题描述】:

我在 HStack 中有一个按钮和一个文本:

HStack
      Button(action: ) 
             Text(" Text ")
             .padding()
             .background(Color.blue)
             .foregroundColor(.white)
             .font(.headline)
             .cornerRadius(5)
              

              Text("")
              .frame(minWidth: 0, maxWidth: .infinity)
              .padding()
              .background(Color.gray)
              .font(.headline)
              .cornerRadius(5)

两个文本具有相同的字体、填充等,但按钮始终高于第二个文本。如何让他们平等?

【问题讨论】:

【参考方案1】:

我找到了答案。第二个文本不应该是空字符串,比如“”,它至少应该包含空格,比如“”。

【讨论】:

以上是关于HStack 中的 SwiftUI 元素具有不同的高度的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI:如何让 scaledToFit() 使用 HStack 均匀地应用缩放

如何在溢出屏幕的 SwiftUI 中制作无限宽度的视图?

SwiftUI:VStack 中 ForEach 中的 HStack 使多行文本重叠

如何在 SwiftUI 中嵌入 ForEach 的 HStack 中设置相对宽度?

HStack 中的 SwiftUI 按钮宽度不正确

SwiftUI:如何仅将修饰符应用于特定元素?