Works in a tabview

Author: Trent Guillory

ScrollViewReactiveHeaderDemoApp/Sources/ContentView.swift

@@ -7,20 +7,19 @@ struct ContentView: View {
 
     var body: some View {
 
-//        TabView {
-//
-//            StoryListView()
-//                .tabItem {
-//                    VStack {
-//                    Image(systemName: "book")
-//                    Text("Reader")
-//                    }
-//                }
-//        }
-        VStack {
-        StoryListView()
+        TabView {
+
+            StoryListView()
+                .tabItem {
+                    VStack {
+                    Image(systemName: "book")
+                        .foregroundColor(.gray)
+                    Text("Reader")
+                        .foregroundColor(.gray)
+                    }
+                }
         }
-        
+        .preferredColorScheme(.light)
     }
 }
 

ScrollViewReactiveHeaderDemoApp/Sources/Example3/StoryList/Views/StoryListContentView.swift

@@ -9,14 +9,16 @@ struct StoryListContentView: View {
     var body: some View {
 
         VStack {
-            
-            VStack {}
-                .frame(height: 300)
 
             ForEach(viewModel.stories) { story in
 
                 StoryListCell(viewModel: story)
             }
+            
+            ForEach(viewModel.stories) { story in
+
+                StoryListCell(viewModel: story)
+            }
         }.padding()
     }
 }

ScrollViewReactiveHeaderDemoApp/Sources/Example3/StoryList/Views/StoryListHeaderOverlay.swift

@@ -10,6 +10,8 @@ struct StoryListHeaderOverlay: View {
 
         VStack(alignment: .center) {
 
+            Spacer()
+            
             ZStack {
 
                 Rectangle()
@@ -23,6 +25,8 @@ struct StoryListHeaderOverlay: View {
                     .font(.system(size: 32, weight: .semibold, design: .serif))
                     .frame(maxWidth: .infinity)
             }
+            
+            Spacer()
         }
     }
 }

ScrollViewReactiveHeaderDemoApp/Sources/Example3/StoryListView.swift

@@ -13,31 +13,15 @@ struct StoryListView: View {
             ScrollViewReactiveHeader(header: {
 
                 HeaderView()
+                    .frame(height: 300)
             }, headerOverlay: {
 
                 StoryListHeaderOverlay(header: viewModel.header)
+                    .frame(height: 300)
             }, body: {
 
                 StoryListContentView(viewModel: viewModel)
             })
-
-//        ScrollView {
-//
-//            VStack {
-//
-//                HeaderView()
-//                    .background(GeometryReaderOverlay())
-//
-//                StoryListHeaderOverlay(header: viewModel.header)
-//
-//                StoryListContentView(viewModel: viewModel)
-//
-//            }
-//        }
-//        .onPreferenceChange(ScrollViewHeaderKey.self) { preferenceData in
-//
-//            print(preferenceData.rect.height)
-//        }
     }
 }
 
@@ -51,7 +35,6 @@ struct HeaderView: View {
             .resizable()
             .aspectRatio(contentMode: .fill)
             .opacity(0.35)
-            .frame(height: 300)
     }
 }