我想在搜索结果列表的下方放置一张地图,类似于Apple Maps。
struct DealerMapView: View {
var body: some View {
ZStack {
MapSearchView().frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 200)
MapListView()
.padding(.bottom, 15).animation(.spring()).frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: 200).offset(y: 300)
}
}
}
MapSearchView
是地图,它使我可以搜索并在结果上显示图钉。 MapListView
是我放置搜索结果的地方,以便用户可以查看列表中的详细信息或将列表向下移动以查看更多地图。
我无法将ZStack
放在屏幕顶部,但是如果我移除MapListView
,则地图将占据整个屏幕。
如何设置视图,以便将地图放在屏幕顶部并填满屏幕,但最重要的是一个列表视图,我可以上下移动并查看或隐藏地图地图?