Navigation and Passing Data

Author: Mithun

DesignCode.xcodeproj/project.pbxproj

@@ -11,6 +11,7 @@
 		AB62172722D870540039BC73 /* Home.swift in Sources */ = {isa = PBXBuildFile; fileRef = AB62172622D870540039BC73 /* Home.swift */; };
 		ABB215DC22DB353800424B38 /* BlurView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABB215DB22DB353800424B38 /* BlurView.swift */; };
 		ABB215DE22DB713300424B38 /* UpdateList.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABB215DD22DB713300424B38 /* UpdateList.swift */; };
+		ABB215E022DB7F4700424B38 /* UpdateDetail.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABB215DF22DB7F4700424B38 /* UpdateDetail.swift */; };
 		ABE07CBF22D74F5700D209BE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABE07CBE22D74F5700D209BE /* AppDelegate.swift */; };
 		ABE07CC122D74F5700D209BE /* SceneDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABE07CC022D74F5700D209BE /* SceneDelegate.swift */; };
 		ABE07CC322D74F5700D209BE /* ContentView.swift in Sources */ = {isa = PBXBuildFile; fileRef = ABE07CC222D74F5700D209BE /* ContentView.swift */; };
@@ -24,6 +25,7 @@
 		AB62172622D870540039BC73 /* Home.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Home.swift; sourceTree = "<group>"; };
 		ABB215DB22DB353800424B38 /* BlurView.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BlurView.swift; sourceTree = "<group>"; };
 		ABB215DD22DB713300424B38 /* UpdateList.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UpdateList.swift; sourceTree = "<group>"; };
+		ABB215DF22DB7F4700424B38 /* UpdateDetail.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UpdateDetail.swift; sourceTree = "<group>"; };
 		ABE07CBB22D74F5700D209BE /* DesignCode.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = DesignCode.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		ABE07CBE22D74F5700D209BE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = "<group>"; };
 		ABE07CC022D74F5700D209BE /* SceneDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SceneDelegate.swift; sourceTree = "<group>"; };
@@ -69,6 +71,7 @@
 				ABE07CC222D74F5700D209BE /* ContentView.swift */,
 				AB62172622D870540039BC73 /* Home.swift */,
 				ABB215DD22DB713300424B38 /* UpdateList.swift */,
+				ABB215DF22DB7F4700424B38 /* UpdateDetail.swift */,
 				AB1D3B1B22D9CDEF00D0AEA6 /* HomeList.swift */,
 				ABB215DB22DB353800424B38 /* BlurView.swift */,
 				ABE07CC422D74F5900D209BE /* Assets.xcassets */,
@@ -161,6 +164,7 @@
 				ABE07CBF22D74F5700D209BE /* AppDelegate.swift in Sources */,
 				ABB215DE22DB713300424B38 /* UpdateList.swift in Sources */,
 				AB1D3B1C22D9CDEF00D0AEA6 /* HomeList.swift in Sources */,
+				ABB215E022DB7F4700424B38 /* UpdateDetail.swift in Sources */,
 				ABE07CC122D74F5700D209BE /* SceneDelegate.swift in Sources */,
 				AB62172722D870540039BC73 /* Home.swift in Sources */,
 				ABE07CC322D74F5700D209BE /* ContentView.swift in Sources */,

DesignCode/UpdateDetail.swift

@@ -0,0 +1,44 @@
+//
+//  UpdateDetail.swift
+//  DesignCode
+//
+//  Created by Mithun x on 7/14/19.
+//  Copyright © 2019 Mithun. All rights reserved.
+//
+
+import SwiftUI
+
+struct UpdateDetail: View {
+
+   var title = "SwiftUI"
+   var text = "Loading..."
+   var image = "Illustration1"
+
+   var body: some View {
+      VStack(spacing: 20.0) {
+         Text(title)
+            .font(.largeTitle)
+            .fontWeight(.heavy)
+
+         Image(image)
+            .resizable()
+            .aspectRatio(contentMode: .fit)
+            .frame(height: 200)
+
+         Text(text)
+            .lineLimit(nil)
+            .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
+
+         Spacer()
+      }
+      .padding(30.0)
+   }
+}
+
+#if DEBUG
+struct UpdateDetail_Previews: PreviewProvider {
+   static var previews: some View {
+      UpdateDetail()
+   }
+}
+#endif

DesignCode/UpdateList.swift

@@ -15,23 +15,33 @@ struct UpdateList: View {
    var body: some View {
       NavigationView {
          List(updates) { item in
-            NavigationLink(destination: Text("w2")) {
-               VStack(alignment: .leading) {
-                  Text(item.title)
-                     .font(.headline)
+            NavigationLink(destination: UpdateDetail(title: item.title, text: item.text, image: item.image)) {
+               HStack(spacing: 12.0) {
+                  Image(item.image)
+                     .resizable()
+                     .aspectRatio(contentMode: .fit)
+                     .frame(width: 80, height: 80)
+                     .background(Color("background"))
+                     .cornerRadius(20)
 
-                  Text(item.text)
-                     .lineLimit(2)
-                     .lineSpacing(4)
-                     .frame(height: 50.0)
-                     .font(.subheadline)
+                  VStack(alignment: .leading) {
+                     Text(item.title)
+                        .font(.headline)
 
-                  Text(item.date)
-                     .font(.caption)
-                     .fontWeight(.bold)
-                     .color(.gray)
+                     Text(item.text)
+                        .lineLimit(2)
+                        .lineSpacing(4)
+                        .frame(height: 50.0)
+                        .font(.subheadline)
+
+                     Text(item.date)
+                        .font(.caption)
+                        .fontWeight(.bold)
+                        .color(.gray)
+                  }
                }
             }
+            .padding(.vertical, 8.0)
          }
          .navigationBarTitle(Text("Updates"))
          .navigationBarItems(trailing: