gpt4 book ai didi

SwiftUI 标签文本和图像垂直未对齐

转载 作者:行者123 更新时间:2023-12-03 09:29:21 25 4
gpt4 key购买 nike

我正在使用 SwiftUI 的全新 Label 查看,在 Big Sur 上运行 Xcode 12 beta。
作为图像,我使用 SF Symbol并找到了一个名为 "play" 的图像.但是我注意到没有任何边界像素的自定义图像存在同样的问题(即间距不是由图像引起的),例如PDF 图标,所以它可能与图像无关。
在 Apple 的演示中,文本和图像应该自动正确对齐,但我没有看到。

struct ContentView: View {
var body: some View {
Label("Play", systemImage: "play")
}
}
结果如下:
enter image description here
任何想法为什么图像(图标)和文本垂直未对齐?
如果我们给 Button 一个背景色,我们就能更准确地看到错位:
Label("Play", systemImage: "play")
.background(Color.red)
结果如下:
enter image description here

最佳答案

可能是一个错误,因此值得向 Apple 提交反馈。同时这里是基于自定义标签样式的工作解决方案。
使用 Xcode 12b 测试
enter image description here

struct CenteredLabelStyle: LabelStyle {
func makeBody(configuration: Configuration) -> some View {
HStack {
configuration.icon
configuration.title
}
}
}

struct TestLabelMisalignment: View {
var body: some View {
Label("Play", systemImage: "play")
.labelStyle(CenteredLabelStyle())
}
}

关于SwiftUI 标签文本和图像垂直未对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62556361/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com