Início / coding / Perguntas / 78534022
Accepted
bli00
Asked: 2024-05-26 08:40:08 +0800 CST

Estenda a visualização para o plano de fundo de outra visualização no SwiftUI

  • 772

Eu tenho uma visualização onde a parte superior é a Mape a parte inferior é arredondada View, atualmente, quando esta tela é exibida, a Mapvisualização para onde as duas visualizações se encontram com uma lacuna muito óbvia. Existe uma maneira de mesclar as duas perfeitamente para que o mapa aparece como se estivesse em segundo plano?

VStack {
    Map(position: $position) {
        UserAnnotation()
    }
    .mapStyle(.standard(elevation: .realistic))
    .ignoresSafeArea()

    List {
        ForEach(locationManager.debugMessages, id: \.self) { msg in
            Text(msg)
        }
    }
    .cornerRadius(30)
}

insira a descrição da imagem aqui

1 respostas

  1. Best Answer

    Você pode adicionar Listcomo o safeAreaInsetdo mapa.

    Map {
    UserAnnotation()
}
.mapStyle(.standard(elevation: .realistic))
.safeAreaInset(edge: .bottom) {
    List {
        ForEach(0..<10) {
            Text("\($0)")
        }
    }
    .cornerRadius(30)
    // the list takes up half of the available space
    .containerRelativeFrame(.vertical, count: 2, spacing: 10.0)
}
.ignoresSafeArea()

    Dito isto, um design melhor da IMO é torná-lo Listconstantemente apresentado sheet.

    Map {
    UserAnnotation()
}
.mapStyle(.standard(elevation: .realistic))
.sheet(isPresented: .constant(true)) {
    List {
        ForEach(0..<10) {
            Text("\($0)")
        }
    }
    .presentationCornerRadius(10)
    .presentationDetents([.medium])
    .interactiveDismissDisabled()
    .presentationDragIndicator(.hidden)
    .presentationBackgroundInteraction(.enabled(upThrough: .medium))
}
.ignoresSafeArea()
    • 1

relate perguntas