Gargo's questions

Quero desenhar uma imagem sobreposta a um painel desfocado com texto. O problema é que a moldura do painel depende da moldura do texto. Ao mesmo tempo, masko modificador de tempo é definido separadamente do texto e do painel.

Meu código:

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)
        }
    }
}

Tudo está desenhado, mas a posição da máscara está incorreta. O código a seguir retorna um quadro incorreto:

frame = geometry.frame(in: .global)

Como resolver esse problema? Entendo que eu poderia usar o desfoque do UIKit, mas o desfoque do SwiftUI atende melhor às minhas necessidades.

No meu caso específico, enfrentei um problema no SwiftUI que não permite adicionar mais de um alerta ao mesmo arquivo View. Esse problema é conhecido e já foi resolvido, por exemplo, adicionando visualizações vazias adicionais:

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

Mas há outro problema: o SwiftUI não reage a essa situação (os alertas simplesmente pulam). Portanto, você precisa pesquisar manualmente em todo o código para encontrar essas duplicatas, que podem ocorrer em arquivos diferentes.

É possível de alguma forma indicar onde essas duplicatas ocorrem, por exemplo, adicionando um wrapper sobre o .alert(...)modificador padrão que é gerado fatalErrorquando esse modificador já foi adicionado a uma visualização?

Começo com o seguinte código:

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
            }
        }
    }
}

O resultado aproximado que quero alcançar:

Em outras palavras, preciso adicionar espaçamento igual dentro de cada elemento após o texto, mas não sei como fazer isso. Tentei um código diferente, mas o tamanho do botão se torna igual ou o iOS adiciona uma nova linha ao segundo rótulo ou tenta encurtar o segundo rótulo mesmo quando há espaço suficiente.