历时五天用 SwiftUI 做了一款 APP，阿里工程师如何做的？(二）

struct NetworkImage: SwiftUI.View {    var urlPath: String?var placeHodlerImage: UIImageinit(url path: String?, placeHolder: String) {self.urlPath = pathself.placeHodlerImage = UIImage(named: placeHolder)!.withRenderingMode(.alwaysOriginal)    }        @State var downLoadedImage: UIImage? = nilvar body: some SwiftUI.View {Image(uiImage: downLoadedImage ?? placeHodlerImage)                  .resizable()                  .aspectRatio(contentMode: .fill)                  .onAppear(perform: download)    }func download() {if let _ = downLoadedImage {return        }_ = urlPath.flatMap(URL.init(string:)).map {ImageDownloader.default.downloadImage(with: $0) { result inswitch result {case .success(let value):self.downLoadedImage = value.image.withRenderingMode(.alwaysOriginal)case .failure(let error):                    log.debug(error)                }            }        }            }}

struct DateVersionPanel : View {@Binding var version: String@State var input = ""@Binding var date: Datevar title: String    @State private var showVersionPicker = false@State private var showDatePicker = false    var dateFormatter: DateFormatter {let formatter = DateFormatter()        formatter.dateFormat = "yyyy-MM-dd"return formatter    }private func showDate() {        showDatePicker = true    }var body: some View {        HStack(alignment: .center) {            Text(title)                .font(.system(size: 14))                        HStack(alignment: .center) {
                TextField(version.isEmpty ? "不区分版本" : version, text: $input, onEditingChanged: { (changed) in                    log.debug("TextFieldonEditing: \(changed)")                }) {                    log.debug("TextFielduserName: \(self.version)")                    self.version = self.input                }                .font(.system(size: 9))                .padding(.leading, 20)                .frame(width: 100, height: 20)                                NavigationLink(destination: VersionSelectView(version: $version)) {                    Image("down_arrow")                        .frame(width: 24, height: 14)                        .aspectRatio(contentMode: .fill)                }                .offset(x: -20)                            }            .frame(width: 100, height: 25)            .border(Color.grayText, width: 0.5)            .padding(.leading, 40)                                    NavigationLink(destination: CalendarView(date: self.$date)) {                                                HStack {                    Text(dateFormatter.string(from: date) )                        .font(.system(size: 9))                        .padding(.leading, 10)                    Image("down_arrow").padding(.trailing, 10)                }                .frame(width: 100, height: 25)                .border(Color.grayText, width: 0.5)                .padding(.leading, 40)            }                    }        .padding(.bottom, 10)            }}
ObservableObject

class HomeViewModel: ObservableObject {         @Published var isCorrectionOn = true          @Published var isForce = false    
    @Published var crashType = CrashType.crash
    @Published var pecision = Pecision.fifith    
    @Published var quota = Quota.count         @Published var currentDate = Date()
    @Published var currentVersion = ""         @Published var comDate = Date().lastDay      @Published var comVersion = ""
    @Published var refresh = true    
        @Published var metric: Metric? = nil        @Published var trends: [TrendItem] = []        @Published var summary: Summary? = nil

    var api = SOTAPI()
    // MARK: - Life Cycle        var cancels = <a href="">AnyCancellable        init() {        var cancel = $refresh.combineLatest($isForce, $isCorrectionOn)            .combineLatest($crashType, $pecision, $quota)            .combineLatest($currentDate, $currentVersion)            .combineLatest($comVersion, $comDate)            .debounce(for: 0.5, scheduler: RunLoop.main)            .sink {[weak self] (_) in
                self?.requestMetric()                self?.requestTrends()        }        cancels.append(cancel)        cancel = $refresh.sink{[weak self] (_) in             self?.requestSummary()        }        cancels.append(cancel)    }    func requestMetric() {}    func requestTrends() {}    func requestSummary() {}}Work with UIKit</a href="">

struct CalendarView : UIViewRepresentable {          @Environment(\.presentationMode) var presentationMode        @Binding var date: Date    init(date: Binding<Date>) {self._date = date            }    func makeUIView(context: UIViewRepresentableContext<CalendarView>) -> UIView {let view = UIView(frame: UIScreen.main.bounds)        view.backgroundColor = .backgroundTheme
let height: CGFloat = 300.0let width = view.frame.size.widthlet frame = CGRect(x: 0.0, y: 0.0, width: width, height: height)let calendar = FSCalendar(frame: frame)        calendar.locale = Locale.init(identifier: "ZH-CN")        calendar.delegate = context.coordinator        context.coordinator.fsCalendar = calendar        calendar.backgroundColor = UIColor.white        view.addSubview(calendar)        return view    }
func makeCoordinator() -> CalendarView.Coordinator {Coordinator(self)    }
func updateUIView(_ uiView: UIView, context: UIViewRepresentableContext<CalendarView>) {        log.debug("Date")                            context.coordinator.fsCalendar?.select(date)            }

func dismiss() {        presentationMode.wrappedValue.dismiss()    }
class Coordinator: NSObject, FSCalendarDelegate {var control: CalendarViewvar date: Datevar fsCalendar: FSCalendar?init(_ control: CalendarView) {self.control = controlself.date = control.date        }func calendar(_ calendar: FSCalendar, didSelect date: Date, at monthPosition: FSCalendarMonthPosition) {self.control.date = date        }
    }}