Gargo's questions

我想绘制一个带有模糊面板的图像，该面板带有文本。问题是面板框架依赖于文本框架。同时，mask修饰符的设置与文本和面板是分开的。

我的代码：

struct SomeView: View {
    @State var frame: CGRect = .zero
    
    var body: some View {
        ZStack {
            Image(.defaultCard)
            Image(.defaultCard)
                .blur(radius: 30)
                .mask {
                    Rectangle()
                        .frame(width: frame.width, height: frame.height)
                        .position(x: frame.midX, y: frame.midY)
                }
            ZStack(alignment: .bottomLeading) {
                Color.clear
                HStack {
                    Text("...")
                    Text("...")
                }
                .padding()
                .background {
                    GeometryReader { geometry in
                        Color.clear
                            .onAppear {
                                frame = geometry.frame(in: .global)
                            }
                            .onChange(of: geometry.size) { _ in
                                frame = geometry.frame(in: .global)
                            }
                    }
                }
            }
            .frame(maxWidth: .infinity, maxHeight: .infinity)
        }
    }
}

所有内容都已绘制，但遮罩位置不正确。以下代码返回了错误的帧：

frame = geometry.frame(in: .global)

如何解决这个问题？我知道我可以使用 UIKit 的模糊功能，但 SwiftUI 模糊功能更符合我的要求。

在我的特定情况下，我在 swiftui 中遇到了一个问题，它不允许在同一个 上添加超过 1 个警报View。这个问题是已知的，并且已经得到解决，例如通过添加额外的空视图：

https://stackoverflow.com/a/67395026/805701

但还有一个问题——SwiftUI 对这种情况完全没有反应（警报直接跳过）。所以你需要手动搜索所有代码来查找这些可能出现在不同文件中的重复代码。

是否有可能以某种方式指示这些重复出现的位置，例如通过在默认修饰符上添加一个包装器，当该修饰符已经添加到视图中时.alert(...)抛出该包装器？fatalError

我从以下代码开始：

import SwiftUI

struct ContentView: View {
    var body: some View {
        HStack(spacing: 20) {
            ExtractedView(text: "Energy")
            ExtractedView(text: "Breath Control")
                
        }
        .padding(.horizontal, 20)
    }
}

#Preview {
    ContentView()
}

struct ExtractedView: View {
    let text: String
    
    var body: some View {
        Button {
            
        } label: {
            HStack(spacing: 8) {
                Image(systemName: "globe")
                    .imageScale(.large)
                    .foregroundStyle(.tint)
                Text(text)
                    .lineLimit(1)
                    .font(.system(size: 18, weight: .bold))
            }
            .padding(.horizontal, 8)
            .padding(.vertical, 8)
            .background {
                Color.yellow
            }
        }
    }
}

我想要达到的大致结果：

换句话说，我需要在每个元素内的文本后添加相等的间距，但我不知道该怎么做。尝试了不同的代码，但按钮大小变得相等，或者 iOS 为第二个标签添加了换行符，或者即使有足够的空间也试图缩短第二个标签。