主页 / coding / 问题 / 78534022
Accepted
bli00
Asked: 2024-05-26 08:40:08 +0800 CST

将视图扩展到 SwiftUI 中另一个视图的背景

  • 772

我有一个视图，顶部是 a Map，底部是 rounded View，当前，当显示此屏幕时，视图Map停止在两个视图相交处，有一个非常明显的间隙，是否有一种方法可以将两者无缝合并在一起，以便地图看起来好像在背景中？

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

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

在此输入图像描述

1 个回答

  1. Best Answer

    您可以添加List作为safeAreaInset地图的。

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

    也就是说，IMO 更好的设计是使List不断呈现的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

相关问题