Committing progress on airline example before pivoting.

Author: Trent Guillory

ScrollViewReactiveHeaderDemoApp/ScrollViewReactiveHeaderDemoApp.xcodeproj/project.pbxproj

@@ -7,6 +7,9 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
+		8459FC1A26E25E0C00EB434F /* FlightHeaderView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8459FC1926E25E0C00EB434F /* FlightHeaderView.swift */; };
+		8459FC1C26E25E5D00EB434F /* FlightViewModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8459FC1B26E25E5D00EB434F /* FlightViewModel.swift */; };
+		8459FC1E26E2665D00EB434F /* FlightDetailView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 8459FC1D26E2665D00EB434F /* FlightDetailView.swift */; };
 		848BCF8826DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoAppApp.swift in Sources */ = {isa = PBXBuildFile; fileRef = 848BCF8726DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoAppApp.swift */; };
 		848BCF8A26DE4ED800F8D967 /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = 848BCF8926DE4ED800F8D967 /* ContentView.swift */; };
 		848BCF8C26DE4EDA00F8D967 /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 848BCF8B26DE4EDA00F8D967 /* Assets.xcassets */; };
@@ -15,6 +18,9 @@
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
+		8459FC1926E25E0C00EB434F /* FlightHeaderView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FlightHeaderView.swift; sourceTree = "<group>"; };
+		8459FC1B26E25E5D00EB434F /* FlightViewModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FlightViewModel.swift; sourceTree = "<group>"; };
+		8459FC1D26E2665D00EB434F /* FlightDetailView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FlightDetailView.swift; sourceTree = "<group>"; };
 		848BCF8426DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoApp.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = ScrollViewReactiveHeaderDemoApp.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		848BCF8726DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoAppApp.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ScrollViewReactiveHeaderDemoAppApp.swift; sourceTree = "<group>"; };
 		848BCF8926DE4ED800F8D967 /* ContentView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ContentView.swift; sourceTree = "<group>"; };
@@ -36,6 +42,15 @@
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		8459FC1826E25DEF00EB434F /* FlightView */ = {
+			isa = PBXGroup;
+			children = (
+				8459FC1926E25E0C00EB434F /* FlightHeaderView.swift */,
+				8459FC1D26E2665D00EB434F /* FlightDetailView.swift */,
+			);
+			path = FlightView;
+			sourceTree = "<group>";
+		};
 		848BCF7B26DE4ED800F8D967 = {
 			isa = PBXGroup;
 			children = (
@@ -60,6 +75,8 @@
 				848BCF9626DE4EFC00F8D967 /* Resource Files */,
 				848BCF8726DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoAppApp.swift */,
 				848BCF8926DE4ED800F8D967 /* ContentView.swift */,
+				8459FC1B26E25E5D00EB434F /* FlightViewModel.swift */,
+				8459FC1826E25DEF00EB434F /* FlightView */,
 			);
 			path = Sources;
 			sourceTree = "<group>";
@@ -161,7 +178,10 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				8459FC1A26E25E0C00EB434F /* FlightHeaderView.swift in Sources */,
 				848BCF8A26DE4ED800F8D967 /* ContentView.swift in Sources */,
+				8459FC1C26E25E5D00EB434F /* FlightViewModel.swift in Sources */,
+				8459FC1E26E2665D00EB434F /* FlightDetailView.swift in Sources */,
 				848BCF8826DE4ED800F8D967 /* ScrollViewReactiveHeaderDemoAppApp.swift in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;

ScrollViewReactiveHeaderDemoApp/Sources/FlightView/FlightDetailView.swift

@@ -0,0 +1,30 @@
+import SwiftUI
+import UIKit
+
+// MARK: - FlightDetailView
+
+struct FlightDetailView: View {
+    
+    var body: some View {
+
+        VStack {
+                
+Text("Boarding Passes")
+                .font(.system(size: 24, weight: .regular, design: .serif))
+            HStack {}
+                .frame(height: 200)
+
+            Text("Upgrades")
+
+            Text("Perks")
+        }
+    }
+}
+
+// MARK: - FlightDetailView_Previews
+
+struct FlightDetailView_Previews: PreviewProvider {
+    static var previews: some View {
+        FlightDetailView()
+    }
+}

ScrollViewReactiveHeaderDemoApp/Sources/FlightView/FlightHeaderView.swift

@@ -0,0 +1,55 @@
+import SwiftUI
+
+// MARK: - FlightHeaderView
+
+struct FlightHeaderView: View {
+
+    let viewModel: FlightViewModel
+    
+    let labelFont: Font = .system(size: 32, weight: .light, design: .rounded)
+
+    var body: some View {
+
+        VStack {
+            
+            Spacer()
+
+            if let firstFlight = viewModel.flights.first,
+               let lastFlight = viewModel.flights.last {
+                
+                HStack {
+
+                    Text(firstFlight.departingAirport.abbreviatedName)
+                        .font(labelFont)
+
+                    Spacer()
+                    
+                    Image(systemName: "airplane")
+
+                    Spacer()
+                    
+                    Text(lastFlight.arrivingAirport.abbreviatedName)
+                        .font(labelFont)
+                }
+            }
+        }
+        .preferredColorScheme(.dark)
+    }
+    
+    struct airportLabelStyle: ViewModifier {
+        
+        func body(content: Content) -> some View {
+            
+            return content.font(.system(size: 16, weight: .semibold, design: .rounded))
+        }
+    }
+}
+
+// MARK: - FlightHeaderView_Previews
+
+struct FlightHeaderView_Previews: PreviewProvider {
+    static var previews: some View {
+        
+        FlightHeaderView(viewModel: FlightViewModel.example)
+    }
+}

ScrollViewReactiveHeaderDemoApp/Sources/FlightViewModel.swift

@@ -0,0 +1,55 @@
+//
+//  FlightViewModel.swift
+//  FlightViewModel
+//
+//  Created by Trent Guillory on 9/3/21.
+//
+
+import Foundation
+
+struct Airport {
+    
+    let abbreviatedName: String
+    let fullName: String
+    let city: String
+    let state: String
+    
+    var cityDisplayString: String {
+        
+        return "\(city), \(state)"
+    }
+    
+    static let newOrleans: Airport = .init(abbreviatedName: "MSY", fullName: "Louis Armstrong International", city: "New Orleans", state: "LA")
+    static let houston: Airport = .init(abbreviatedName: "IAH", fullName: "George Bush Intercontinental", city: "Houston", state: "TX")
+    static let losAngeles: Airport = .init(abbreviatedName: "LAX", fullName: "Los Angeles International", city: "Los Angeles", state: "CA")
+}
+
+struct Flight {
+    
+    let departingAirport: Airport
+    let arrivingAirport: Airport
+    
+    // IRL, these would be dates. But this demo is mostly a UI
+    // example. There are plenty of date-to-string tutorials out there.
+    // Plus, if you plan to support iOS 15+, now there are built in
+    // date conversions!
+    let departure: String
+    let arrival: String
+    
+    var flightTime: String
+}
+
+struct FlightViewModel {
+    
+    let flights: [Flight]
+    
+    var backgroundImage: String {
+        
+        flights.last!.arrivingAirport.abbreviatedName
+    }
+    
+    static let example: FlightViewModel = .init(flights: [
+        .init(departingAirport: Airport.newOrleans, arrivingAirport: Airport.houston, departure: "Oct 1, 11:15 am", arrival: "1:30 pm", flightTime: "2h 15m"),
+        .init(departingAirport: Airport.houston, arrivingAirport: Airport.losAngeles, departure: "2:30 pm", arrival: "6:00 pm", flightTime: "4h")
+    ])
+}