Revert "Replace manual scroll header with native iOS 26 scrollEdgeEffects"

This reverts commit 2159db3.

Author: cheeaun

App.js

@@ -153,7 +153,15 @@ export default function App() {
                   title: Constants.expoConfig.name,
                   headerLargeTitleShadowVisible: false,
                   headerLargeTitle: true,
+                  // headerLargeStyle: {
+                  //   backgroundColor: colors.background,
+                  // },
                   headerTransparent: true,
+                  // headerStyle: {
+                  //   backgroundColor: colors.opaqueHeader,
+                  // },
+                  // headerBlurEffect: 'prominent',
+                  // headerTransparent: true,
                 }}
               />
               <Stack.Screen
@@ -164,7 +172,11 @@ export default function App() {
                   headerBackButtonDisplayMode: 'minimal',
                   title: '',
                   headerTransparent: true,
-                  scrollEdgeEffects: { top: 'automatic' },
+                  // headerShadowVisible: false,
+                  // headerStyle: {
+                  //   backgroundColor: colors.background,
+                  // },
+                  // headerTransparent: true,
                 }}
               />
               <Stack.Screen
@@ -194,7 +206,6 @@ export default function App() {
                   presentation: 'modal',
                   headerTransparent: true,
                   headerShadowVisible: false,
-                  scrollEdgeEffects: { top: 'automatic' },
                 }}
               />
               <Stack.Screen
@@ -203,7 +214,6 @@ export default function App() {
                 options={{
                   // headerShown: false,
                   headerTransparent: true,
-                  scrollEdgeEffects: { top: 'automatic' },
                   title: '',
                   headerRight: () => (
                     <TouchableOpacity
@@ -289,7 +299,6 @@ export default function App() {
                   //   backgroundColor: colors.background2,
                   // },
                   headerTransparent: true,
-                  scrollEdgeEffects: { top: 'automatic' },
                   contentStyle: {
                     backgroundColor: colors.background2,
                   },
@@ -323,7 +332,7 @@ export default function App() {
                 options={{
                   presentation: 'modal',
                   headerTransparent: true,
-                  scrollEdgeEffects: { top: 'automatic' },
+                  headerShadowVisible: false,
                   headerTitle: () => (
                     <View>
                       <Text bold size="title3">

hooks/useTheme.js

@@ -16,6 +16,7 @@ export default () => {
       isDark ? 'systemBackground' : 'secondarySystemBackground',
     ),
     modalBackground: PlatformColor('systemBackground'), // weird thing on iOS
+    opaqueHeader: 'rgba(0,0,0,0.002)',
     opaqueBackground: isDark ? 'rgba(255,255,255,.05)' : 'rgba(0,0,0,.05)',
     opaqueBackground2: isDark ? 'rgba(255,255,255,.1)' : 'rgba(0,0,0,.1)',
     opaqueBackground3: isDark ? 'rgba(255,255,255,.25)' : 'rgba(0,0,0,.25)',

screens/StoryScreen.jsx

@@ -531,6 +531,10 @@ export default function StoryScreen({ route, navigation }) {
   const scrolledDown = useRef(false);
   const commentsNavOptions = useRef({
     title: '',
+    // headerShadowVisible: false,
+    // headerStyle: {
+    //   backgroundColor: colors.background,
+    // },
   });
   const onScroll = useCallback(
     (e) => {
@@ -541,6 +545,15 @@ export default function StoryScreen({ route, navigation }) {
       scrolledDown.current = scrolled;
       const options = {
         title: scrolled ? title : '',
+        // headerShadowVisible: scrolled,
+        // headerBlurEffect: scrolled ? 'prominent' : '',
+        // headerStyle: scrolled
+        //   ? {
+        //       backgroundColor: colors.opaqueHeader,
+        //     }
+        //   : {
+        //       backgroundColor: colors.background,
+        //     },
       };
       navigation.setOptions(options);
       commentsNavOptions.current = options;
@@ -563,10 +576,17 @@ export default function StoryScreen({ route, navigation }) {
         tabView === 'web'
           ? {
               title: parseURL(navState.url || url).domain || '',
+              // headerShadowVisible: true,
+              // headerBlurEffect: 'prominent',
+              // headerStyle: {
+              //   backgroundColor: colors.opaqueHeader,
+              // },
+              // fullScreenGestureEnabled: false,
               headerRight: webHeaderRight,
             }
           : {
               ...commentsNavOptions.current,
+              // fullScreenGestureEnabled: true,
               headerRight: commentsHeaderRight,
             },
       );