diff --git a/apps/mobile/src/components/ScreenScrollView.tsx b/apps/mobile/src/components/ScreenScrollView.tsx
index 509feeb39728749badc56c09185eca98f8c27bec..c41524e3b9172e000906244fd74fac1f26bc067c 100644
--- a/apps/mobile/src/components/ScreenScrollView.tsx
+++ b/apps/mobile/src/components/ScreenScrollView.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from "react";
-import { Platform, ScrollView } from "react-native";
+import { Platform } from "react-native";
+import { NativeScrollView as ScrollView } from "../native/NativeScrollViewMarker";
 
 /** Keeps forms and settings readable inside a wide pane while its surface fills the screen. */
 export function ScreenScrollView(props: ComponentProps<typeof ScrollView>) {
diff --git a/apps/mobile/src/features/pull-requests/PullRequestDiscussionScreen.tsx b/apps/mobile/src/features/pull-requests/PullRequestDiscussionScreen.tsx
index 795f72bcd48bcb66f4ef2d7be4813fc1d4259369..45bd8de8d08d2b82f015c3f12bf50b5096602287 100644
--- a/apps/mobile/src/features/pull-requests/PullRequestDiscussionScreen.tsx
+++ b/apps/mobile/src/features/pull-requests/PullRequestDiscussionScreen.tsx
@@ -5,7 +5,7 @@ import type { PullRequestThreadComment } from "@t3tools/contracts";
 import { useRef, useState } from "react";
 import { ActivityIndicator, Platform, ScrollView, View } from "react-native";
 import { KeyboardAvoidingView, useKeyboardState } from "react-native-keyboard-controller";
-import { ScrollViewMarker } from "react-native-screens";
+import { NativeScrollViewMarker as ScrollViewMarker } from "../../native/NativeScrollViewMarker";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { AppText as Text, AppTextInput as TextInput } from "../../components/AppText";
 import { AndroidScreenHeader } from "../../components/AndroidScreenHeader";
@@ -153,7 +153,7 @@ function Discussion({ params }: { params: PullRequestParams & { readonly discuss
             />
           </NativeHeaderToolbar>
         ) : null}
-        <ScrollViewMarker style={{ flex: 1 }} scrollEdgeEffects={{ top: "soft", bottom: "soft" }}>
+        <ScrollViewMarker style={{ flex: 1 }}>
           <ScrollView
             className="flex-1"
             contentInsetAdjustmentBehavior="automatic"
diff --git a/apps/mobile/src/features/pull-requests/PullRequestRouteScreen.tsx b/apps/mobile/src/features/pull-requests/PullRequestRouteScreen.tsx
index 6e3328d915f8d09db3de556c331f83cccf79c0a5..4f47ee169d4aba19ac17f98bb65023c7155dccd6 100644
--- a/apps/mobile/src/features/pull-requests/PullRequestRouteScreen.tsx
+++ b/apps/mobile/src/features/pull-requests/PullRequestRouteScreen.tsx
@@ -52,7 +52,7 @@ import {
   StyleSheet,
   View,
 } from "react-native";
-import { ScrollViewMarker } from "react-native-screens";
+import { NativeScrollViewMarker as ScrollViewMarker } from "../../native/NativeScrollViewMarker";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { AppText as Text } from "../../components/AppText";
@@ -115,7 +115,7 @@ const EMPTY_IDS: readonly string[] = [];
 function PullRequestTabScrollView(props: ScrollViewProps) {
   const insets = useSafeAreaInsets();
   return (
-    <ScrollViewMarker style={{ flex: 1 }} scrollEdgeEffects={{ top: "soft", bottom: "soft" }}>
+    <ScrollViewMarker style={{ flex: 1 }}>
       <ScrollView
         {...props}
         automaticallyAdjustContentInsets={false}
diff --git a/apps/mobile/src/features/settings/SettingsFollowUpRouteScreen.tsx b/apps/mobile/src/features/settings/SettingsFollowUpRouteScreen.tsx
index 253c64c0465a20ae6d026ed091b0fcde146fe9ca..1ea683695c43af485db115ccbb78c64cf1f85bff 100644
--- a/apps/mobile/src/features/settings/SettingsFollowUpRouteScreen.tsx
+++ b/apps/mobile/src/features/settings/SettingsFollowUpRouteScreen.tsx
@@ -1,7 +1,8 @@
+import { ScreenScrollView as ScrollView } from "../../components/ScreenScrollView";
 import { useAtomSet, useAtomValue } from "@effect/atom-react";
 import { useNavigation } from "@react-navigation/native";
 import { AsyncResult } from "effect/reactivity";
-import { Platform, ScrollView, View } from "react-native";
+import { Platform, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { AndroidScreenHeader } from "../../components/AndroidScreenHeader";
diff --git a/apps/mobile/src/features/settings/SettingsKeyboardRouteScreen.tsx b/apps/mobile/src/features/settings/SettingsKeyboardRouteScreen.tsx
index 5226f8a0ed1e7f7ee719e073e589435af4c63efb..56cb9574977d5b1130fc83de5013bfdf579d4227 100644
--- a/apps/mobile/src/features/settings/SettingsKeyboardRouteScreen.tsx
+++ b/apps/mobile/src/features/settings/SettingsKeyboardRouteScreen.tsx
@@ -1,7 +1,8 @@
+import { ScreenScrollView as ScrollView } from "../../components/ScreenScrollView";
 import { useAtomSet, useAtomValue } from "@effect/atom-react";
 import { useNavigation } from "@react-navigation/native";
 import { AsyncResult } from "effect/reactivity";
-import { Platform, ScrollView, View } from "react-native";
+import { Platform, View } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { AndroidScreenHeader } from "../../components/AndroidScreenHeader";
diff --git a/apps/mobile/src/features/settings/SettingsMicrophoneRouteScreen.tsx b/apps/mobile/src/features/settings/SettingsMicrophoneRouteScreen.tsx
index 9013258f3282db3e94e2496b463bf31569a6f475..f4303a659cc75f6b5ecb1e48b90b47976fbb4c4b 100644
--- a/apps/mobile/src/features/settings/SettingsMicrophoneRouteScreen.tsx
+++ b/apps/mobile/src/features/settings/SettingsMicrophoneRouteScreen.tsx
@@ -1,8 +1,9 @@
+import { ScreenScrollView as ScrollView } from "../../components/ScreenScrollView";
 import { useAtomSet, useAtomValue } from "@effect/atom-react";
 import { AsyncResult } from "effect/reactivity";
 import { getRecordingPermissionsAsync, requestRecordingPermissionsAsync } from "expo-audio";
 import { useCallback, useEffect, useState } from "react";
-import { AppState, Linking, Pressable, ScrollView, View } from "react-native";
+import { AppState, Linking, Pressable, View } from "react-native";
 import Reanimated, { ReduceMotion, useAnimatedStyle, withTiming } from "react-native-reanimated";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
diff --git a/apps/mobile/src/native/NativeScrollViewMarker.tsx b/apps/mobile/src/native/NativeScrollViewMarker.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..865b301535a889acce5e0331577957234890b6ec
--- /dev/null
+++ b/apps/mobile/src/native/NativeScrollViewMarker.tsx
@@ -0,0 +1,31 @@
+import { createContext, use, type ComponentProps } from "react";
+import { Platform, ScrollView } from "react-native";
+import { ScrollViewMarker } from "react-native-screens";
+import { nativeHeaderScrollEdgeEffects } from "./scrollEdgeEffects";
+
+type ScrollEdgeEffects = ComponentProps<typeof ScrollViewMarker>["scrollEdgeEffects"];
+
+const DEFAULT_SCROLL_EDGE_EFFECTS = nativeHeaderScrollEdgeEffects(Platform.OS, Platform.Version);
+
+export const NativeScrollEdgeEffectsContext = createContext<ScrollEdgeEffects>(undefined);
+
+/** Register the content scroll view and apply its route's native edge settings. */
+export function NativeScrollViewMarker(props: ComponentProps<typeof ScrollViewMarker>) {
+  const effects = use(NativeScrollEdgeEffectsContext);
+  return (
+    <ScrollViewMarker
+      {...props}
+      scrollEdgeEffects={props.scrollEdgeEffects ?? effects ?? DEFAULT_SCROLL_EDGE_EFFECTS}
+    />
+  );
+}
+
+/** Primary screen scrolling; Android keeps its existing native view hierarchy. */
+export function NativeScrollView(props: ComponentProps<typeof ScrollView>) {
+  const scrollView = <ScrollView {...props} />;
+  return Platform.OS === "ios" ? (
+    <NativeScrollViewMarker style={{ flex: 1 }}>{scrollView}</NativeScrollViewMarker>
+  ) : (
+    scrollView
+  );
+}
diff --git a/apps/mobile/src/native/createV5StackNavigator.ios.tsx b/apps/mobile/src/native/createV5StackNavigator.ios.tsx
index d6e0dca54b3c12ad0fcb24959b58338370e9c2f3..408ddc9e0ffb7fa775ada5fac12839789ffb1530 100644
--- a/apps/mobile/src/native/createV5StackNavigator.ios.tsx
+++ b/apps/mobile/src/native/createV5StackNavigator.ios.tsx
@@ -23,6 +23,7 @@ import {
 import { useCallback, useRef, useState, type ComponentProps } from "react";
 import { StyleSheet, View } from "react-native";
 import { FormSheet, Stack } from "react-native-screens";
+import { NativeScrollEdgeEffectsContext } from "./NativeScrollViewMarker";
 import { V5StackHeader } from "./V5StackHeader.ios";
 import type { AppNativeStackNavigationOptions } from "./StackHeader";
 import { NativeColumnContent } from "./NativeColumnContent.ios";
@@ -243,7 +244,9 @@ export function V5CardStackView(
                         .nativeContentInsetHorizontally
                     }
                   >
-                    {descriptor.render()}
+                    <NativeScrollEdgeEffectsContext value={descriptor.options.scrollEdgeEffects}>
+                      {descriptor.render()}
+                    </NativeScrollEdgeEffectsContext>
                   </NativeColumnContent>
                 </NavigationRouteContext>
               </NavigationContext>