アイコンの設定更新

components/DynamicHeaderScrollView.js

@@ -1,6 +1,6 @@
 import { ScrollView, View, Animated, LayoutAnimation } from "react-native";
 import React, { useEffect, useMemo, useState, useLayoutEffect } from "react";
-import { useScrollHandlers } from "react-native-actions-sheet";
+import { NativeViewGestureHandler } from "react-native-gesture-handler";
 import { AS } from "../storageControl";
 
 export const DynamicHeaderScrollView = (props) => {
@@ -13,7 +13,7 @@ export const DynamicHeaderScrollView = (props) => {
     topStickyContent,
     styles,
     from,
-    ScrollViewRef,
+    scrollHandlers,
   } = props;
   const [headerSize, setHeaderSize] = useState("default");
   useLayoutEffect(() => {
@@ -53,9 +53,7 @@ export const DynamicHeaderScrollView = (props) => {
 
   const Scroll_Distance = Max_Header_Height - Min_Header_Height;
 
-  const scrollHandlers = actionSheetRef
-    ? useScrollHandlers("scrollview-1", actionSheetRef)
-    : null;
+  
 
   const shotHeaderStyle = {
     on: {
@@ -110,6 +108,7 @@ export const DynamicHeaderScrollView = (props) => {
   const [headerVisible, setHeaderVisible] = useState(false);
 
   const onScroll = (event) => {
+    scrollHandlers.onScroll(event);
     switch (headerSize) {
       case "big":
         setHeaderVisible(false);
@@ -153,26 +152,31 @@ export const DynamicHeaderScrollView = (props) => {
           {topStickyContent}
         </Animated.View>
       </View>
-      <ScrollView
-        {...scrollHandlers}
-        style={{ backgroundColor: "white", zIndex: 0 }}
-        stickyHeaderIndices={[1]}
-        scrollEventThrottle={16}
-        onScroll={onScroll}
-        ref={ScrollViewRef}
+      <NativeViewGestureHandler
+        simultaneousHandlers={scrollHandlers.simultaneousHandlers}
       >
-        <View style={{ height: Scroll_Distance, flexDirection: "column" }} />
-        {topStickyContent && (
-          <View
-            style={{
-              paddingTop: Min_Header_Height + 40,
-              flexDirection: "column",
-            }}
-            index={1}
-          />
-        )}
-        {children}
-      </ScrollView>
+        <ScrollView
+        nestedScrollEnabled
+          ref={scrollHandlers.ref}
+          onLayout={scrollHandlers.onLayout}
+          scrollEventThrottle={scrollHandlers.scrollEventThrottle}
+          style={{ backgroundColor: "white", zIndex: 0 }}
+          stickyHeaderIndices={[1]}
+          onScroll={onScroll}
+        >
+          <View style={{ height: Scroll_Distance, flexDirection: "column" }} />
+          {topStickyContent && (
+            <View
+              style={{
+                paddingTop: Min_Header_Height + 40,
+                flexDirection: "column",
+              }}
+              index={1}
+            />
+          )}
+          {children}
+        </ScrollView>
+      </NativeViewGestureHandler>
     </View>
   );
 };