From e750b73f55c54d3b48278bd5ebc5f2d8c85226f0 Mon Sep 17 00:00:00 2001
From: harukin-expo-dev-env <harukin@haruk.in>
Date: Wed, 13 Mar 2024 12:55:52 +0000
Subject: [PATCH] =?UTF-8?q?=E3=82=B9=E3=82=AF=E3=83=AD=E3=83=BC=E3=83=AB?=
 =?UTF-8?q?=E6=99=82=E3=81=AB=E5=87=A1=E4=BE=8B=E3=81=8C=E9=9A=A0=E3=82=8C?=
 =?UTF-8?q?=E3=81=A6=E3=81=97=E3=81=BE=E3=81=86=E3=83=90=E3=82=B0=E3=82=92?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/DynamicHeaderScrollView.js | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/components/DynamicHeaderScrollView.js b/components/DynamicHeaderScrollView.js
index a381887..82b9353 100644
--- a/components/DynamicHeaderScrollView.js
+++ b/components/DynamicHeaderScrollView.js
@@ -47,7 +47,23 @@ export const DynamicHeaderScrollView = (props) => {
       backgroundColor: "#0099CC",
       margin: 0,
       top: 0,
-      opacity: 1,
+      opacity: 0,
+    },
+  };
+  const StickyStyle = {
+    on: {
+      position: "absolute",
+      width: "100%",
+      flex: 1,
+      top: Max_Header_Height,
+      zIndex: 1,
+    },
+    off: {
+      position: "absolute",
+      width: "100%",
+      flex: 1,
+      top: Min_Header_Height,
+      zIndex: 1,
     },
   };
 
@@ -70,6 +86,9 @@ export const DynamicHeaderScrollView = (props) => {
         >
           {longHeader}
         </Animated.View>
+        <Animated.View style={headerVisible ? StickyStyle.off : StickyStyle.on}>
+          {topStickyContent}
+        </Animated.View>
       </View>
       <ScrollView
         {...scrollViewProps}
@@ -97,13 +116,11 @@ export const DynamicHeaderScrollView = (props) => {
         {topStickyContent && (
           <View
             style={{
-              paddingTop: Min_Header_Height,
+              paddingTop: Min_Header_Height + 40,
               flexDirection: "column",
             }}
             index={1}
-          >
-            {topStickyContent}
-          </View>
+          />
         )}
         {children}
       </ScrollView>