importSwiftUIstructContentView:View{var body: some View{VStack{MapView().ignoresSafeArea(edges:.top).frame(height:300)CircleImage().offset(y:-130).padding(.bottom,-130)VStack(alignment:.leading){Text("現在地").font(.title)HStack{Text("詳細1")Spacer()Text("詳細2")}.font(.subheadline).foregroundColor(.secondary)Divider()Text("現在地について").font(.title2)Text("説明")}.padding()Spacer()}}}structContentView_Previews:PreviewProvider{staticvar previews: some View{ContentView()}}
CircleImage.swift
importSwiftUIstructCircleImage:View{var body: some View{Image("test").resizable().frame(width:150, height:150).clipShape(Circle()).overlay(Circle().stroke(Color.white, lineWidth:4)).shadow(radius:7)}}structCircleImage_Previews:PreviewProvider{staticvar previews: some View{CircleImage()}}
MapView.swift
importSwiftUIimportMapKitstructMapView:View{
@Stateprivatevar region =MKCoordinateRegion(center:CLLocationCoordinate2D(latitude:35.6834875, longitude:139.7608643), span:MKCoordinateSpan(latitudeDelta:0.1, longitudeDelta:0.1))var body: some View{Map(coordinateRegion: $region)}}structMapView_Previews:PreviewProvider{staticvar previews: some View{MapView()}}
Asset Unavailable: SF Symbol 'gearshape.fill' is unavailable prior to iOS 14.0. Add a fallback image of the same name to the asset catalog for backward deployment.