实战需求

SwiftUI 界面大全之停车管理地图App源码Parking

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 简约功能性界面布局
• SwiftUI整合地图支持地图标签POI
• SwiftUI实现地图标签和界面联动
• 抽屉式界面弹出
• 自定义长短stepper组件实现时间选择
• 底部自定义搜索组件

实战代码

1、主界面

import SwiftUI
import MapKit

struct ContentView: View {
    
    @StateObject var parkingFinder = ParkingFinder()
    
    var body: some View {
        ZStack(alignment: .top) {
            // background
            Color.white.ignoresSafeArea()
            // map view
            Map(coordinateRegion: $parkingF