diff --git a/babel.config.js b/babel.config.js
index deb42c7e83e..9adf2e4f163 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -1,4 +1,12 @@
-module.exports = {
-  presets: ['module:@react-native/babel-preset'],
-  plugins: ['react-native-reanimated/plugin']
+module.exports = function (api) {
+  const isAndroid = api.caller(c => c.platform === 'android')
+
+  return {
+    presets: ['module:@react-native/babel-preset'],
+    plugins: [
+      isAndroid
+        ? './node_modules/r3-hack/node_modules/react-native-reanimated/plugin'
+        : 'react-native-worklets/plugin'
+    ]
+  }
 }
diff --git a/ios/Podfile b/ios/Podfile
index e5649896688..5a8846ce969 100644
--- a/ios/Podfile
+++ b/ios/Podfile
@@ -50,7 +50,7 @@ target 'edge' do
     :path => config[:reactNativePath],
     # An absolute path to your application root.
     :app_path => "#{Pod::Config.instance.installation_root}/..",
-    :fabric_enabled => false,
+    :fabric_enabled => true,
     :hermes_enabled => true
   )
 
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index 1875c9c2965..0251138322b 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -2320,7 +2320,7 @@ PODS:
     - ZXingObjC
   - RNReactNativeHapticFeedback (1.14.0):
     - React-Core
-  - RNReanimated (3.19.0):
+  - RNReanimated (4.0.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2343,10 +2343,10 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNReanimated/reanimated (= 3.19.0)
-    - RNReanimated/worklets (= 3.19.0)
+    - RNReanimated/reanimated (= 4.0.2)
+    - RNWorklets
     - Yoga
-  - RNReanimated/reanimated (3.19.0):
+  - RNReanimated/reanimated (4.0.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2369,9 +2369,10 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNReanimated/reanimated/apple (= 3.19.0)
+    - RNReanimated/reanimated/apple (= 4.0.2)
+    - RNWorklets
     - Yoga
-  - RNReanimated/reanimated/apple (3.19.0):
+  - RNReanimated/reanimated/apple (4.0.2):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2394,8 +2395,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
+    - RNWorklets
     - Yoga
-  - RNReanimated/worklets (3.19.0):
+  - RNScreens (4.11.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2412,15 +2414,16 @@ PODS:
     - React-jsi
     - React-NativeModulesApple
     - React-RCTFabric
+    - React-RCTImage
     - React-renderercss
     - React-rendererdebug
     - React-utils
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNReanimated/worklets/apple (= 3.19.0)
+    - RNScreens/common (= 4.11.1)
     - Yoga
-  - RNReanimated/worklets/apple (3.19.0):
+  - RNScreens/common (4.11.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2437,6 +2440,7 @@ PODS:
     - React-jsi
     - React-NativeModulesApple
     - React-RCTFabric
+    - React-RCTImage
     - React-renderercss
     - React-rendererdebug
     - React-utils
@@ -2444,7 +2448,9 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNScreens (4.11.1):
+  - RNSecureRandom (1.0.1):
+    - React
+  - RNSentry (6.14.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2461,16 +2467,15 @@ PODS:
     - React-jsi
     - React-NativeModulesApple
     - React-RCTFabric
-    - React-RCTImage
     - React-renderercss
     - React-rendererdebug
     - React-utils
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNScreens/common (= 4.11.1)
+    - Sentry/HybridSDK (= 8.50.2)
     - Yoga
-  - RNScreens/common (4.11.1):
+  - RNShare (12.0.11):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2487,7 +2492,6 @@ PODS:
     - React-jsi
     - React-NativeModulesApple
     - React-RCTFabric
-    - React-RCTImage
     - React-renderercss
     - React-rendererdebug
     - React-utils
@@ -2495,9 +2499,12 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNSecureRandom (1.0.1):
+  - RNSound (0.11.0):
     - React
-  - RNSentry (6.14.0):
+    - RNSound/Core (= 0.11.0)
+  - RNSound/Core (0.11.0):
+    - React
+  - RNStoreReview (0.4.3):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2520,9 +2527,8 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - Sentry/HybridSDK (= 8.50.2)
     - Yoga
-  - RNShare (12.0.11):
+  - RNSVG (15.12.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2545,13 +2551,9 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
+    - RNSVG/common (= 15.12.0)
     - Yoga
-  - RNSound (0.11.0):
-    - React
-    - RNSound/Core (= 0.11.0)
-  - RNSound/Core (0.11.0):
-    - React
-  - RNStoreReview (0.4.3):
+  - RNSVG/common (15.12.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2575,7 +2577,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNSVG (15.12.0):
+  - RNVectorIcons (10.1.0):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2598,9 +2600,8 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
-    - RNSVG/common (= 15.12.0)
     - Yoga
-  - RNSVG/common (15.12.0):
+  - RNWorklets (0.4.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2623,8 +2624,34 @@ PODS:
     - ReactCodegen
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
+    - RNWorklets/worklets (= 0.4.1)
     - Yoga
-  - RNVectorIcons (10.1.0):
+  - RNWorklets/worklets (0.4.1):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-hermes
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-renderercss
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNWorklets/worklets/apple (= 0.4.1)
+    - Yoga
+  - RNWorklets/worklets/apple (0.4.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2934,6 +2961,7 @@ DEPENDENCIES:
   - RNStoreReview (from `../node_modules/react-native-store-review`)
   - RNSVG (from `../node_modules/react-native-svg`)
   - RNVectorIcons (from `../node_modules/react-native-vector-icons`)
+  - RNWorklets (from `../node_modules/react-native-worklets`)
   - VisionCamera (from `../node_modules/react-native-vision-camera`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
@@ -3243,6 +3271,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-svg"
   RNVectorIcons:
     :path: "../node_modules/react-native-vector-icons"
+  RNWorklets:
+    :path: "../node_modules/react-native-worklets"
   VisionCamera:
     :path: "../node_modules/react-native-vision-camera"
   Yoga:
@@ -3392,7 +3422,7 @@ SPEC CHECKSUMS:
   RNPermissions: 60b23d827dc7a4b2e347356fc20206184676637c
   RNQrGenerator: 95feb09b4b2ed65f3a4afe795a20beed4b134ab5
   RNReactNativeHapticFeedback: 8364333ca888b1b7ec9d2daf04b010ee5436366e
-  RNReanimated: 35a5a59798fe9a9a61259146be9fe8b0b602ab39
+  RNReanimated: 24b8a5b54c499ac783c2c299aad4712002c03bb1
   RNScreens: 90b905d545a5ebbe976985702b8a39e3475727b2
   RNSecureRandom: b64d263529492a6897e236a22a2c4249aa1b53dc
   RNSentry: 33bc24cea8f87ab26521a9330549a82c703b5db4
@@ -3401,6 +3431,7 @@ SPEC CHECKSUMS:
   RNStoreReview: 8b47d208282c23296d2466a488a8d9ca1979d79b
   RNSVG: 45e3c3210465e75ab6374c9f746179e75d76ce48
   RNVectorIcons: f1bc9e04b6f67ec09ea54e6f092e75a9e205c1d7
+  RNWorklets: 32e63979c33291a69d4d8541d4425ab91763320e
   SDWebImage: a7f831e1a65eb5e285e3fb046a23fcfbf08e696d
   SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d
   Sentry: d95f5f3b32d01324b3e27d3c52747005302cc026
@@ -3426,6 +3457,6 @@ SPEC CHECKSUMS:
   ZIPFoundation: b1f0de4eed33e74a676f76e12559ab6b75990197
   ZXingObjC: 8898711ab495761b2dbbdec76d90164a6d7e14c5
 
-PODFILE CHECKSUM: 2ab3d4f06447f2252ef672833166c9c33f3e8475
+PODFILE CHECKSUM: 8c119d1d2fda8d2ceda1c186a5415d0c7473469a
 
 COCOAPODS: 1.16.2
diff --git a/metro.config.js b/metro.config.js
index 939f4ee12a8..95fff748522 100644
--- a/metro.config.js
+++ b/metro.config.js
@@ -2,6 +2,7 @@ const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config')
 const {
   wrapWithReanimatedMetroConfig
 } = require('react-native-reanimated/metro-config')
+const r3Paths = require('r3-hack')
 
 const defaultConfig = getDefaultConfig(__dirname)
 const { assetExts, sourceExts } = defaultConfig.resolver
@@ -19,6 +20,31 @@ const config = {
     )
   },
   resolver: {
+    resolveRequest(context, moduleName, platform) {
+      if (platform === 'android') {
+        // Use Reanimated 3 on Android:
+        const filePath = r3Paths[moduleName]
+        if (filePath != null) {
+          return { type: 'sourceFile', filePath }
+        }
+
+        // Ensure we aren't missing any reanimated 3 -> 4 mappings:
+        if (
+          moduleName.startsWith('react-native-reanimated') ||
+          moduleName.startsWith('react-native-worklets')
+        ) {
+          console.log(
+            `Could not find "${moduleName}". Please update r3-hack to include it.`
+          )
+          return { type: 'empty' }
+        }
+      }
+
+      // Otherwise use the normal Metro resolution:
+      return context.resolveRequest(context, moduleName, platform)
+    },
+
+    // From react-native-svg-transformer:
     assetExts: assetExts.filter(ext => ext !== 'svg'),
     sourceExts: [...sourceExts, 'svg']
   }
diff --git a/package.json b/package.json
index 20a24b08d8a..72b5f7f1d70 100644
--- a/package.json
+++ b/package.json
@@ -77,7 +77,7 @@
     "@react-native-firebase/messaging": "^20.5.0",
     "@react-native-picker/picker": "^2.4.0",
     "@react-navigation/bottom-tabs": "^6.5.4",
-    "@react-navigation/drawer": "^6.5.8",
+    "@react-navigation/drawer": "^6.7.2",
     "@react-navigation/elements": "^1.3.14",
     "@react-navigation/native": "^6.1.3",
     "@react-navigation/stack": "^6.3.12",
@@ -118,6 +118,7 @@
     "posthog-react-native": "^2.8.1",
     "prompts": "^2.4.2",
     "qrcode-generator": "^1.4.4",
+    "r3-hack": "./scripts/r3-hack",
     "react": "19.0.0",
     "react-native": "0.79.2",
     "react-native-airship": "^0.2.12",
@@ -150,7 +151,7 @@
     "react-native-performance": "^5.1.4",
     "react-native-permissions": "^4.1.5",
     "react-native-piratechain": "^0.5.12",
-    "react-native-reanimated": "^3.18.0",
+    "react-native-reanimated": "^4.0.2",
     "react-native-reorderable-list": "^0.5.0",
     "react-native-safari-view": "^2.1.0",
     "react-native-safe-area-context": "^5.5.1",
@@ -165,6 +166,7 @@
     "react-native-vision-camera": "^4.7.1",
     "react-native-webview": "^13.15.0",
     "react-native-wheel-picker-android": "^2.0.6",
+    "react-native-worklets": "^0.4.1",
     "react-native-zano": "^0.2.1",
     "react-native-zcash": "^0.9.10",
     "react-redux": "^8.1.1",
@@ -264,5 +266,10 @@
   },
   "engines": {
     "node": ">=18"
+  },
+  "reanimated": {
+    "staticFeatureFlags": {
+      "DISABLE_COMMIT_PAUSING_MECHANISM": true
+    }
   }
 }
diff --git a/patches/@react-navigation+drawer+6.7.2.patch b/patches/@react-navigation+drawer+6.7.2.patch
new file mode 100644
index 00000000000..663d5904502
--- /dev/null
+++ b/patches/@react-navigation+drawer+6.7.2.patch
@@ -0,0 +1,157 @@
+diff --git a/node_modules/@react-navigation/drawer/src/views/DrawerView.tsx b/node_modules/@react-navigation/drawer/src/views/DrawerView.tsx
+index 94770c4..9e091d3 100644
+--- a/node_modules/@react-navigation/drawer/src/views/DrawerView.tsx
++++ b/node_modules/@react-navigation/drawer/src/views/DrawerView.tsx
+@@ -76,8 +76,7 @@ function DrawerViewBase({
+     Platform.OS === 'android' ||
+     Platform.OS === 'ios',
+   // Reanimated 2 is not configured
+-  // @ts-expect-error: the type definitions are incomplete
+-  useLegacyImplementation = !Reanimated.isConfigured?.(),
++  useLegacyImplementation = false,
+ }: Props) {
+   // Reanimated v3 dropped legacy v1 syntax
+   const legacyImplemenationNotAvailable =
+diff --git a/node_modules/@react-navigation/drawer/src/views/modern/Drawer.tsx b/node_modules/@react-navigation/drawer/src/views/modern/Drawer.tsx
+index 57af20c..77aca6a 100644
+--- a/node_modules/@react-navigation/drawer/src/views/modern/Drawer.tsx
++++ b/node_modules/@react-navigation/drawer/src/views/modern/Drawer.tsx
+@@ -11,20 +11,15 @@ import {
+ import Animated, {
+   interpolate,
+   runOnJS,
+-  useAnimatedGestureHandler,
+   useAnimatedStyle,
+   useDerivedValue,
+   useSharedValue,
+   withSpring,
+ } from 'react-native-reanimated';
++import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+ 
+ import type { DrawerProps } from '../../types';
+ import DrawerProgressContext from '../../utils/DrawerProgressContext';
+-import {
+-  GestureState,
+-  PanGestureHandler,
+-  PanGestureHandlerGestureEvent,
+-} from '../GestureHandler';
+ import Overlay from './Overlay';
+ 
+ const SWIPE_DISTANCE_MINIMUM = 5;
+@@ -152,7 +147,7 @@ export default function Drawer({
+   const touchStartX = useSharedValue(0);
+   const touchX = useSharedValue(0);
+   const translationX = useSharedValue(getDrawerTranslationX(open));
+-  const gestureState = useSharedValue<GestureState>(GestureState.UNDETERMINED);
++  const gestureState = useSharedValue<boolean>(false);
+ 
+   const toggleDrawer = React.useCallback(
+     ({ open, isUserInitiated, velocity }: ToggleOptions) => {
+@@ -192,41 +187,31 @@ export default function Drawer({
+     [open, toggleDrawer]
+   );
+ 
+-  const onGestureEvent = useAnimatedGestureHandler<
+-    PanGestureHandlerGestureEvent,
+-    { startX: number; hasCalledOnStart: boolean }
+-  >({
+-    onStart: (event, ctx) => {
+-      ctx.hasCalledOnStart = false;
+-      ctx.startX = translationX.value;
+-      gestureState.value = event.state;
+-      touchStartX.value = event.x;
+-    },
+-    onActive: (event, ctx) => {
++  const gesture = Gesture.Pan().
++    activeOffsetX([-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]).
++    failOffsetY([-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]).
++    hitSlop(hitSlop).
++    enabled(drawerType !== 'permanent' && swipeEnabled).
++    onStart(event => {
++      gestureState.value = true;
++      touchStartX.value = event.x
++      runOnJS(onGestureStart)();
++    }).
++    onChange(event => {
+       touchX.value = event.x;
+-      translationX.value = ctx.startX + event.translationX;
+-      gestureState.value = event.state;
+-
+-      // onStart will _always_ be called, even when the activation
+-      // criteria isn't met yet. This makes sure onGestureStart is only
+-      // called when the criteria is really met.
+-      if (!ctx.hasCalledOnStart) {
+-        ctx.hasCalledOnStart = true;
+-        runOnJS(onGestureStart)();
+-      }
+-    },
+-    onEnd: (event) => {
+-      gestureState.value = event.state;
+-
++      translationX.value = event.translationX;
++    }).
++    onEnd((event) => {
++      gestureState.value = false;
+       const nextOpen =
+         (Math.abs(event.translationX) > SWIPE_DISTANCE_MINIMUM &&
+           Math.abs(event.translationX) > swipeVelocityThreshold) ||
+-        Math.abs(event.translationX) > swipeDistanceThreshold
++          Math.abs(event.translationX) > swipeDistanceThreshold
+           ? drawerPosition === 'left'
+             ? // If swiped to right, open the drawer, otherwise close it
+-              (event.velocityX === 0 ? event.translationX : event.velocityX) > 0
++            (event.velocityX === 0 ? event.translationX : event.velocityX) > 0
+             : // If swiped to left, open the drawer, otherwise close it
+-              (event.velocityX === 0 ? event.translationX : event.velocityX) < 0
++            (event.velocityX === 0 ? event.translationX : event.velocityX) < 0
+           : open;
+ 
+       toggleDrawer({
+@@ -234,11 +219,10 @@ export default function Drawer({
+         isUserInitiated: true,
+         velocity: event.velocityX,
+       });
+-    },
+-    onFinish: () => {
++    }).onFinalize(() => {
+       runOnJS(onGestureFinish)();
+-    },
+-  });
++    })
++
+ 
+   const translateX = useDerivedValue(() => {
+     // Comment stolen from react-native-gesture-handler/DrawerLayout
+@@ -267,7 +251,7 @@ export default function Drawer({
+     //
+     // This is used only when drawerType is "front"
+     const touchDistance =
+-      drawerType === 'front' && gestureState.value === GestureState.ACTIVE
++      drawerType === 'front' && gestureState.value
+         ? minmax(
+             drawerPosition === 'left'
+               ? touchStartX.value - drawerWidth
+@@ -344,13 +328,7 @@ export default function Drawer({
+ 
+   return (
+     <DrawerProgressContext.Provider value={progress}>
+-      <PanGestureHandler
+-        activeOffsetX={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
+-        failOffsetY={[-SWIPE_DISTANCE_MINIMUM, SWIPE_DISTANCE_MINIMUM]}
+-        hitSlop={hitSlop}
+-        enabled={drawerType !== 'permanent' && swipeEnabled}
+-        onGestureEvent={onGestureEvent}
+-        {...gestureHandlerProps}
++      <GestureDetector gesture={gesture}
+       >
+         {/* Immediate child of gesture handler needs to be an Animated.View */}
+         <Animated.View
+@@ -400,7 +378,7 @@ export default function Drawer({
+             {renderDrawerContent()}
+           </Animated.View>
+         </Animated.View>
+-      </PanGestureHandler>
++      </GestureDetector>
+     </DrawerProgressContext.Provider>
+   );
+ }
diff --git a/patches/react-native+0.79.2.patch b/patches/react-native+0.79.2.patch
new file mode 100644
index 00000000000..69291f444fd
--- /dev/null
+++ b/patches/react-native+0.79.2.patch
@@ -0,0 +1,133 @@
+diff --git a/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp b/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
+index 522ec57..e6ad1df 100644
+--- a/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
++++ b/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
+@@ -22,6 +22,10 @@
+ 
+ namespace facebook::react {
+ 
++namespace {
++const int MAX_COMMIT_ATTEMPTS_BEFORE_LOCKING = 3;
++} // namespace
++
+ using CommitStatus = ShadowTree::CommitStatus;
+ using CommitMode = ShadowTree::CommitMode;
+ 
+@@ -207,7 +211,8 @@ void ShadowTree::setCommitMode(CommitMode commitMode) const {
+   auto revision = ShadowTreeRevision{};
+ 
+   {
+-    std::unique_lock lock(commitMutex_);
++    ShadowTree::UniqueLock lock = uniqueCommitLock();
++
+     if (commitMode_ == commitMode) {
+       return;
+     }
+@@ -224,7 +229,7 @@ void ShadowTree::setCommitMode(CommitMode commitMode) const {
+ }
+ 
+ CommitMode ShadowTree::getCommitMode() const {
+-  std::shared_lock lock(commitMutex_);
++  SharedLock lock = sharedCommitLock();
+   return commitMode_;
+ }
+ 
+@@ -238,17 +243,17 @@ CommitStatus ShadowTree::commit(
+     const CommitOptions& commitOptions) const {
+   [[maybe_unused]] int attempts = 0;
+ 
+-  while (true) {
+-    attempts++;
+-
++  while (attempts < MAX_COMMIT_ATTEMPTS_BEFORE_LOCKING) {
+     auto status = tryCommit(transaction, commitOptions);
+     if (status != CommitStatus::Failed) {
+       return status;
+     }
++    attempts++;
++  }
+ 
+-    // After multiple attempts, we failed to commit the transaction.
+-    // Something internally went terribly wrong.
+-    react_native_assert(attempts < 1024);
++  {
++    std::unique_lock lock(commitMutexRecursive_);
++    return tryCommit(transaction, commitOptions);
+   }
+ }
+ 
+@@ -266,7 +271,7 @@ CommitStatus ShadowTree::tryCommit(
+ 
+   {
+     // Reading `currentRevision_` in shared manner.
+-    std::shared_lock lock(commitMutex_);
++    SharedLock lock = sharedCommitLock();
+     commitMode = commitMode_;
+     oldRevision = currentRevision_;
+   }
+@@ -307,7 +312,7 @@ CommitStatus ShadowTree::tryCommit(
+ 
+   {
+     // Updating `currentRevision_` in unique manner if it hasn't changed.
+-    std::unique_lock lock(commitMutex_);
++    UniqueLock lock = uniqueCommitLock();
+ 
+     if (currentRevision_.number != oldRevision.number) {
+       return CommitStatus::Failed;
+@@ -345,7 +350,7 @@ CommitStatus ShadowTree::tryCommit(
+ }
+ 
+ ShadowTreeRevision ShadowTree::getCurrentRevision() const {
+-  std::shared_lock lock(commitMutex_);
++  SharedLock lock = sharedCommitLock();
+   return currentRevision_;
+ }
+ 
+@@ -392,4 +397,12 @@ void ShadowTree::notifyDelegatesOfUpdates() const {
+   delegate_.shadowTreeDidFinishTransaction(mountingCoordinator_, true);
+ }
+ 
++inline ShadowTree::UniqueLock ShadowTree::uniqueCommitLock() const {
++  return std::unique_lock{commitMutexRecursive_};
++}
++
++inline ShadowTree::SharedLock ShadowTree::sharedCommitLock() const {
++  return std::unique_lock{commitMutexRecursive_};
++}
++
+ } // namespace facebook::react
+diff --git a/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.h b/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.h
+index ae9d005..c3bef0b 100644
+--- a/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.h
++++ b/node_modules/react-native/ReactCommon/react/renderer/mounting/ShadowTree.h
+@@ -8,6 +8,8 @@
+ #pragma once
+ 
+ #include <memory>
++#include <mutex>
++#include <shared_mutex>
+ 
+ #include <react/renderer/components/root/RootComponentDescriptor.h>
+ #include <react/renderer/components/root/RootShadowNode.h>
+@@ -139,10 +141,21 @@ class ShadowTree final {
+   const SurfaceId surfaceId_;
+   const ShadowTreeDelegate& delegate_;
+   mutable std::shared_mutex commitMutex_;
++  mutable std::recursive_mutex commitMutexRecursive_;
+   mutable CommitMode commitMode_{
+       CommitMode::Normal}; // Protected by `commitMutex_`.
+   mutable ShadowTreeRevision currentRevision_; // Protected by `commitMutex_`.
+   std::shared_ptr<const MountingCoordinator> mountingCoordinator_;
++
++  using UniqueLock = std::variant<
++      std::unique_lock<std::shared_mutex>,
++      std::unique_lock<std::recursive_mutex>>;
++  using SharedLock = std::variant<
++      std::shared_lock<std::shared_mutex>,
++      std::unique_lock<std::recursive_mutex>>;
++
++  inline UniqueLock uniqueCommitLock() const;
++  inline SharedLock sharedCommitLock() const;
+ };
+ 
+ } // namespace facebook::react
diff --git a/react-native.config.js b/react-native.config.js
index a1348c7ef4b..10ca5143757 100644
--- a/react-native.config.js
+++ b/react-native.config.js
@@ -4,6 +4,23 @@ module.exports = {
       platforms: {
         ios: null
       }
+    },
+
+    // We want Reanimated 3 on Android:
+    'react-native-reanimated': {
+      platforms: {
+        android: {
+          sourceDir:
+            '../node_modules/r3-hack/node_modules/react-native-reanimated/android'
+        }
+      }
+    },
+
+    // We don't want Reanimated 4 worklets on Android:
+    'react-native-worklets': {
+      platforms: {
+        android: null
+      }
     }
   }
 }
diff --git a/scripts/r3-hack/README.md b/scripts/r3-hack/README.md
new file mode 100644
index 00000000000..dcda549350c
--- /dev/null
+++ b/scripts/r3-hack/README.md
@@ -0,0 +1,17 @@
+# Reanimated Hack
+
+Here is the problem:
+
+- iOS: We need to run Reanimated 4 on the new achitecture to get decent performance.
+- Android: We cannot use the new architecture yet (there are unsolved performance problems), so we need to use Reanimated 3.
+
+How can we have two versions of a native library at once? Well...
+
+- Require Reanimated 4 normally through package.json.
+- Require Reanimated 3 indirectly through this r3-hack shim package.
+- Use react-native.config.js to override the native module with Reanimated 3.
+- Tell babel.config.js to use the right plugin based on platform.
+- Hack metro.config.js to resolve 'react-native-reanimated' to
+  this package's exported paths on Android.
+
+Super sketchy, but it works!
diff --git a/scripts/r3-hack/index.js b/scripts/r3-hack/index.js
new file mode 100644
index 00000000000..2ecc6710b0c
--- /dev/null
+++ b/scripts/r3-hack/index.js
@@ -0,0 +1,14 @@
+// The various react-native-reanimated entry points the app uses,
+// but resolved to our internal copy of Reanimated 3:
+module.exports = {
+  // Reanimated itself:
+  'react-native-reanimated': require.resolve('react-native-reanimated'),
+
+  // react-native-keyboard-controller reaches into our internals:
+  'react-native-reanimated/src/core': require.resolve(
+    'react-native-reanimated/src/core.ts'
+  ),
+
+  // Some functions like `runOnJs` have moved, so put them back:
+  'react-native-worklets': require.resolve('react-native-reanimated')
+}
diff --git a/scripts/r3-hack/package.json b/scripts/r3-hack/package.json
new file mode 100644
index 00000000000..8dcec0a2ac5
--- /dev/null
+++ b/scripts/r3-hack/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "r3-hack",
+  "version": "0.0.1",
+  "description": "Makes it possible to have Reanimated 3 alongside Reanimated 4",
+  "main": "index.js",
+  "files": [
+    "index.js"
+  ],
+  "dependencies": {
+    "react-native-reanimated": "^3.19.1"
+  }
+}
diff --git a/src/__tests__/components/__snapshots__/AccountSyncBar.test.tsx.snap b/src/__tests__/components/__snapshots__/AccountSyncBar.test.tsx.snap
index 383343151f0..7c62619eca7 100644
--- a/src/__tests__/components/__snapshots__/AccountSyncBar.test.tsx.snap
+++ b/src/__tests__/components/__snapshots__/AccountSyncBar.test.tsx.snap
@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`ProgressBar should render with loading props 1`] = `
 <View
@@ -11,17 +11,56 @@ exports[`ProgressBar should render with loading props 1`] = `
 >
   <View
     collapsable={false}
-    style={
+    jestAnimatedProps={
+      {
+        "value": {},
+      }
+    }
+    jestAnimatedStyle={
       {
-        "backgroundColor": "#00f1a2",
-        "height": 3,
-        "left": 0,
-        "position": "absolute",
-        "right": 0,
-        "top": 0,
-        "width": "10%",
+        "value": {
+          "transform": [
+            {
+              "scaleX": 0.1,
+            },
+          ],
+        },
       }
     }
+    jestInlineStyle={
+      [
+        {
+          "backgroundColor": "#00f1a2",
+          "height": 3,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "transformOrigin": "left center",
+        },
+      ]
+    }
+    nativeID="0"
+    style={
+      [
+        {
+          "backgroundColor": "#00f1a2",
+          "height": 3,
+          "left": 0,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+          "transformOrigin": "left center",
+        },
+        {
+          "transform": [
+            {
+              "scaleX": 0.1,
+            },
+          ],
+        },
+      ]
+    }
   />
 </View>
 `;
diff --git a/src/__tests__/components/__snapshots__/BalanceCard.test.tsx.snap b/src/__tests__/components/__snapshots__/BalanceCard.test.tsx.snap
index 8eeba2197bd..971859c2d28 100644
--- a/src/__tests__/components/__snapshots__/BalanceCard.test.tsx.snap
+++ b/src/__tests__/components/__snapshots__/BalanceCard.test.tsx.snap
@@ -257,6 +257,7 @@ exports[`BalanceCard should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="0"
             style={
               [
                 {
@@ -651,6 +652,7 @@ exports[`BalanceCard should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="1"
             style={
               [
                 {
@@ -1022,6 +1024,7 @@ exports[`BalanceCard should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="2"
             style={
               [
                 {
diff --git a/src/__tests__/components/__snapshots__/FilledTextInput.test.tsx.snap b/src/__tests__/components/__snapshots__/FilledTextInput.test.tsx.snap
index e31f4b53330..65fd00ffcd2 100644
--- a/src/__tests__/components/__snapshots__/FilledTextInput.test.tsx.snap
+++ b/src/__tests__/components/__snapshots__/FilledTextInput.test.tsx.snap
@@ -120,6 +120,7 @@ exports[`FilledTextInput should render with some props 1`] = `
           },
         ]
       }
+      nativeID="1"
       scale={0}
       style={
         [
@@ -153,6 +154,7 @@ exports[`FilledTextInput should render with some props 1`] = `
           }
         }
         jestInlineStyle={{}}
+        nativeID="2"
         style={
           [
             {
@@ -196,6 +198,7 @@ exports[`FilledTextInput should render with some props 1`] = `
           },
         ]
       }
+      nativeID="3"
       style={
         [
           {
@@ -247,6 +250,7 @@ exports[`FilledTextInput should render with some props 1`] = `
             },
           ]
         }
+        nativeID="4"
         shift={1}
         style={
           [
@@ -299,6 +303,7 @@ exports[`FilledTextInput should render with some props 1`] = `
               },
             ]
           }
+          nativeID="5"
           scale={1}
           shift={1}
           style={
@@ -369,6 +374,7 @@ exports[`FilledTextInput should render with some props 1`] = `
         keyboardType="default"
         maxLength={11}
         multiline={true}
+        nativeID="6"
         numberOfLines={20}
         onBlur={[Function]}
         onChangeText={[Function]}
@@ -465,6 +471,7 @@ exports[`FilledTextInput should render with some props 1`] = `
             },
           ]
         }
+        nativeID="7"
         scale={22}
         style={
           [
@@ -498,6 +505,7 @@ exports[`FilledTextInput should render with some props 1`] = `
             }
           }
           jestInlineStyle={{}}
+          nativeID="8"
           style={
             [
               {
@@ -538,6 +546,7 @@ exports[`FilledTextInput should render with some props 1`] = `
         {},
       ]
     }
+    nativeID="9"
     noLayoutFlow={false}
     style={
       [
diff --git a/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap b/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap
index 61b94289a39..96fbdcd99c9 100644
--- a/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap
+++ b/src/__tests__/components/__snapshots__/MenuTabs.test.tsx.snap
@@ -31,6 +31,7 @@ exports[`MenuTabs should render with loading props 1`] = `
       },
     ]
   }
+  nativeID="0"
   pointerEvents="box-none"
   shiftY={0}
   style={
@@ -83,6 +84,7 @@ exports[`MenuTabs should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     openRatio={1}
     pointerEvents="none"
     style={
@@ -173,6 +175,7 @@ exports[`MenuTabs should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="2"
     openRatio={1}
     style={
       [
diff --git a/src/__tests__/modals/__snapshots__/AccelerateTxModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/AccelerateTxModal.test.tsx.snap
index 4611b1a14ec..ea6c5f9c554 100644
--- a/src/__tests__/modals/__snapshots__/AccelerateTxModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/AccelerateTxModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`AccelerateTxModalComponent should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -466,6 +467,7 @@ exports[`AccelerateTxModalComponent should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="2"
             style={
               [
                 {
@@ -485,9 +487,6 @@ exports[`AccelerateTxModalComponent should render with loading props 1`] = `
           />
           <View
             collapsable={false}
-            forwardedRef={[Function]}
-            handlerTag={-1}
-            handlerType="PanGestureHandler"
             jestAnimatedProps={
               {
                 "value": {},
@@ -518,7 +517,7 @@ exports[`AccelerateTxModalComponent should render with loading props 1`] = `
                 null,
               ]
             }
-            onGestureHandlerEvent={[Function]}
+            nativeID="3"
             style={
               [
                 {
diff --git a/src/__tests__/modals/__snapshots__/AddressModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/AddressModal.test.tsx.snap
index 4bd7c136b09..e1a8c4db8c0 100644
--- a/src/__tests__/modals/__snapshots__/AddressModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/AddressModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -327,6 +328,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
               },
             ]
           }
+          nativeID="3"
           scale={0}
           style={
             [
@@ -369,6 +371,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
               },
             ]
           }
+          nativeID="4"
           style={
             [
               {
@@ -420,6 +423,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
                 },
               ]
             }
+            nativeID="5"
             shift={0}
             style={
               [
@@ -472,6 +476,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
                   },
                 ]
               }
+              nativeID="6"
               scale={1}
               shift={0}
               style={
@@ -539,6 +544,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
               ]
             }
             multiline={false}
+            nativeID="7"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -634,6 +640,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
                 },
               ]
             }
+            nativeID="8"
             scale={0}
             style={
               [
@@ -667,6 +674,7 @@ exports[`AddressModalComponent should render with loaded props 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="9"
               style={
                 [
                   {
diff --git a/src/__tests__/modals/__snapshots__/AutoLogoutModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/AutoLogoutModal.test.tsx.snap
index ebb3008e0ea..7f16a3573fc 100644
--- a/src/__tests__/modals/__snapshots__/AutoLogoutModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/AutoLogoutModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`AutoLogoutModal should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
diff --git a/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap
index c3c82679233..4820dcadce3 100644
--- a/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/CategoryModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
         },
       ]
     }
+    nativeID="11"
     style={
       [
         {
@@ -586,6 +587,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
               },
             ]
           }
+          nativeID="13"
           scale={0}
           style={
             [
@@ -628,6 +630,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
               },
             ]
           }
+          nativeID="14"
           style={
             [
               {
@@ -679,6 +682,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 },
               ]
             }
+            nativeID="15"
             shift={1}
             style={
               [
@@ -731,6 +735,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                   },
                 ]
               }
+              nativeID="16"
               scale={1}
               shift={1}
               style={
@@ -797,6 +802,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
               ]
             }
             multiline={false}
+            nativeID="17"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -892,6 +898,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 },
               ]
             }
+            nativeID="18"
             scale={22}
             style={
               [
@@ -925,6 +932,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="19"
               style={
                 [
                   {
@@ -1021,7 +1029,11 @@ exports[`CategoryModal should render with a subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1033,6 +1045,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1045,6 +1058,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -1165,7 +1179,11 @@ exports[`CategoryModal should render with a subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1177,6 +1195,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1189,6 +1208,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -1309,7 +1329,11 @@ exports[`CategoryModal should render with a subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1321,6 +1345,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1333,6 +1358,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -1453,7 +1479,11 @@ exports[`CategoryModal should render with a subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1465,6 +1495,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -1477,6 +1508,7 @@ exports[`CategoryModal should render with a subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -1698,6 +1730,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -2182,6 +2215,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
               },
             ]
           }
+          nativeID="3"
           scale={0}
           style={
             [
@@ -2224,6 +2258,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
               },
             ]
           }
+          nativeID="4"
           style={
             [
               {
@@ -2275,6 +2310,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 },
               ]
             }
+            nativeID="5"
             shift={0}
             style={
               [
@@ -2327,6 +2363,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                   },
                 ]
               }
+              nativeID="6"
               scale={1}
               shift={0}
               style={
@@ -2393,6 +2430,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
               ]
             }
             multiline={false}
+            nativeID="7"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -2488,6 +2526,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 },
               ]
             }
+            nativeID="8"
             scale={0}
             style={
               [
@@ -2521,6 +2560,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="9"
               style={
                 [
                   {
@@ -2617,7 +2657,11 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2629,6 +2673,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2641,6 +2686,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -2732,7 +2778,11 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2744,6 +2794,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2756,6 +2807,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -2847,7 +2899,11 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2859,6 +2915,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2871,6 +2928,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
@@ -2962,7 +3020,11 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2974,6 +3036,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 }
               }
               accessible={true}
+              collapsable={false}
               focusable={true}
               onClick={[Function]}
               onResponderGrant={[Function]}
@@ -2986,6 +3049,7 @@ exports[`CategoryModal should render with an empty subcategory 1`] = `
                 {
                   "flex": 1,
                   "height": 70,
+                  "opacity": 1,
                   "paddingLeft": 13,
                 }
               }
diff --git a/src/__tests__/modals/__snapshots__/CountryListModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/CountryListModal.test.tsx.snap
index 359f08dffe2..7804691e1e8 100644
--- a/src/__tests__/modals/__snapshots__/CountryListModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/CountryListModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`CountryListModal should render with a country list 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -328,6 +329,7 @@ exports[`CountryListModal should render with a country list 1`] = `
               },
             ]
           }
+          nativeID="3"
           scale={0}
           style={
             [
@@ -370,6 +372,7 @@ exports[`CountryListModal should render with a country list 1`] = `
               },
             ]
           }
+          nativeID="4"
           style={
             [
               {
@@ -421,6 +424,7 @@ exports[`CountryListModal should render with a country list 1`] = `
                 },
               ]
             }
+            nativeID="5"
             shift={0}
             style={
               [
@@ -473,6 +477,7 @@ exports[`CountryListModal should render with a country list 1`] = `
                   },
                 ]
               }
+              nativeID="6"
               scale={1}
               shift={0}
               style={
@@ -540,6 +545,7 @@ exports[`CountryListModal should render with a country list 1`] = `
               ]
             }
             multiline={false}
+            nativeID="7"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -635,6 +641,7 @@ exports[`CountryListModal should render with a country list 1`] = `
                 },
               ]
             }
+            nativeID="8"
             scale={0}
             style={
               [
@@ -668,6 +675,7 @@ exports[`CountryListModal should render with a country list 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="9"
               style={
                 [
                   {
diff --git a/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap
index 5e8f42f4964..2aa03d16eee 100644
--- a/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/HelpModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`HelpModal should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
diff --git a/src/__tests__/modals/__snapshots__/LogsModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/LogsModal.test.tsx.snap
index ea1570ba50c..7a1c9cc4a94 100644
--- a/src/__tests__/modals/__snapshots__/LogsModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/LogsModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -506,6 +507,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                   },
                 ]
               }
+              nativeID="3"
               scale={0}
               style={
                 [
@@ -548,6 +550,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                   },
                 ]
               }
+              nativeID="4"
               style={
                 [
                   {
@@ -599,6 +602,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                     },
                   ]
                 }
+                nativeID="5"
                 shift={0}
                 style={
                   [
@@ -651,6 +655,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                       },
                     ]
                   }
+                  nativeID="6"
                   scale={1}
                   shift={0}
                   style={
@@ -718,6 +723,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                 }
                 maxLength={1000}
                 multiline={false}
+                nativeID="7"
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -813,6 +819,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                     },
                   ]
                 }
+                nativeID="8"
                 scale={0}
                 style={
                   [
@@ -846,6 +853,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="9"
                   style={
                     [
                       {
@@ -886,6 +894,7 @@ exports[`LogsModal should render with a logs modal 1`] = `
                 {},
               ]
             }
+            nativeID="10"
             noLayoutFlow={false}
             style={
               [
diff --git a/src/__tests__/modals/__snapshots__/PasswordReminderModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/PasswordReminderModal.test.tsx.snap
index d69fb08aaa7..a9e34f62998 100644
--- a/src/__tests__/modals/__snapshots__/PasswordReminderModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/PasswordReminderModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`PasswordReminderModal should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -353,6 +354,7 @@ Please enter your password below. A successful verification will prevent this wa
               },
             ]
           }
+          nativeID="3"
           scale={0}
           style={
             [
@@ -395,6 +397,7 @@ Please enter your password below. A successful verification will prevent this wa
               },
             ]
           }
+          nativeID="4"
           style={
             [
               {
@@ -446,6 +449,7 @@ Please enter your password below. A successful verification will prevent this wa
                 },
               ]
             }
+            nativeID="5"
             shift={0}
             style={
               [
@@ -498,6 +502,7 @@ Please enter your password below. A successful verification will prevent this wa
                   },
                 ]
               }
+              nativeID="6"
               scale={1}
               shift={0}
               style={
@@ -564,6 +569,7 @@ Please enter your password below. A successful verification will prevent this wa
               ]
             }
             multiline={false}
+            nativeID="7"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -663,6 +669,7 @@ Please enter your password below. A successful verification will prevent this wa
                 }
               }
               jestInlineStyle={{}}
+              nativeID="8"
               style={
                 [
                   {
@@ -741,6 +748,7 @@ Please enter your password below. A successful verification will prevent this wa
                 },
               ]
             }
+            nativeID="9"
             scale={0}
             style={
               [
@@ -774,6 +782,7 @@ Please enter your password below. A successful verification will prevent this wa
                 }
               }
               jestInlineStyle={{}}
+              nativeID="10"
               style={
                 [
                   {
diff --git a/src/__tests__/modals/__snapshots__/TextInputModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/TextInputModal.test.tsx.snap
index d347d6e9ad4..30f3463a1ce 100644
--- a/src/__tests__/modals/__snapshots__/TextInputModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/TextInputModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -360,6 +361,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
                 },
               ]
             }
+            nativeID="3"
             scale={0}
             style={
               [
@@ -402,6 +404,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
                 },
               ]
             }
+            nativeID="4"
             style={
               [
                 {
@@ -464,6 +467,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
                 ]
               }
               multiline={false}
+              nativeID="5"
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -558,6 +562,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
                   },
                 ]
               }
+              nativeID="6"
               scale={0}
               style={
                 [
@@ -591,6 +596,7 @@ exports[`TextInputModal should render with a blank input field 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="7"
                 style={
                   [
                     {
@@ -869,6 +875,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
         },
       ]
     }
+    nativeID="9"
     style={
       [
         {
@@ -1127,6 +1134,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
                 },
               ]
             }
+            nativeID="11"
             scale={0}
             style={
               [
@@ -1169,6 +1177,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
                 },
               ]
             }
+            nativeID="12"
             style={
               [
                 {
@@ -1231,6 +1240,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
                 ]
               }
               multiline={false}
+              nativeID="13"
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -1325,6 +1335,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
                   },
                 ]
               }
+              nativeID="14"
               scale={22}
               style={
                 [
@@ -1358,6 +1369,7 @@ exports[`TextInputModal should render with a populated input field 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="15"
                 style={
                   [
                     {
diff --git a/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap
index e376b66c447..bd9ed6204e7 100644
--- a/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/WalletListModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`WalletListModal should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -349,6 +350,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="3"
               size={22}
               style={
                 [
@@ -382,6 +384,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="4"
                 style={
                   [
                     {
@@ -456,6 +459,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="5"
                 size={0}
                 style={
                   [
@@ -489,6 +493,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="6"
                   style={
                     [
                       {
@@ -550,6 +555,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="7"
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -639,6 +645,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="8"
                 size={0}
                 style={
                   [
@@ -672,6 +679,7 @@ exports[`WalletListModal should render with loading props 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="9"
                   style={
                     [
                       {
diff --git a/src/__tests__/modals/__snapshots__/WalletListSortModal.test.tsx.snap b/src/__tests__/modals/__snapshots__/WalletListSortModal.test.tsx.snap
index 688a1bdad1c..b59fe8e8d81 100644
--- a/src/__tests__/modals/__snapshots__/WalletListSortModal.test.tsx.snap
+++ b/src/__tests__/modals/__snapshots__/WalletListSortModal.test.tsx.snap
@@ -102,6 +102,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="1"
     style={
       [
         {
@@ -282,7 +283,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -294,6 +299,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -310,6 +316,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -354,6 +361,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="2"
                 pending={false}
                 style={
                   [
@@ -394,6 +402,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="3"
                 pending={false}
                 style={
                   [
@@ -442,7 +451,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -454,6 +467,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -470,6 +484,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -514,6 +529,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="4"
                 pending={false}
                 style={
                   [
@@ -554,6 +570,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="5"
                 pending={false}
                 style={
                   [
@@ -602,7 +619,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -614,6 +635,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -630,6 +652,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -674,6 +697,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="6"
                 pending={false}
                 style={
                   [
@@ -714,6 +738,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="7"
                 pending={false}
                 style={
                   [
@@ -762,7 +787,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -774,6 +803,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -790,6 +820,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -834,6 +865,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="8"
                 pending={false}
                 style={
                   [
@@ -874,6 +906,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="9"
                 pending={false}
                 style={
                   [
@@ -922,7 +955,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -934,6 +971,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -950,6 +988,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -994,6 +1033,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="10"
                 pending={false}
                 style={
                   [
@@ -1034,6 +1074,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="11"
                 pending={false}
                 style={
                   [
@@ -1082,7 +1123,11 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -1094,6 +1139,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
               }
             }
             accessible={false}
+            collapsable={false}
             focusable={true}
             hitSlop={11}
             onClick={[Function]}
@@ -1110,6 +1156,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                 "flexDirection": "row",
                 "marginBottom": 1,
                 "minHeight": 67,
+                "opacity": 1,
                 "padding": 11,
               }
             }
@@ -1154,6 +1201,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="12"
                 pending={false}
                 style={
                   [
@@ -1194,6 +1242,7 @@ exports[`WalletListSortModalComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="13"
                 pending={false}
                 style={
                   [
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
index 67f87a5c888..8c5b70f382a 100644
--- a/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/CreateWalletAccountSetupScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -511,6 +512,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                 },
               ]
             }
+            nativeID="2"
             scale={0}
             style={
               [
@@ -553,6 +555,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                 },
               ]
             }
+            nativeID="3"
             style={
               [
                 {
@@ -604,6 +607,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                   },
                 ]
               }
+              nativeID="4"
               shift={0}
               style={
                 [
@@ -656,6 +660,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                     },
                   ]
                 }
+                nativeID="5"
                 scale={1}
                 shift={0}
                 style={
@@ -724,6 +729,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
               }
               maxLength={12}
               multiline={false}
+              nativeID="6"
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -819,6 +825,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                   },
                 ]
               }
+              nativeID="7"
               scale={0}
               style={
                 [
@@ -852,6 +859,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="8"
                 style={
                   [
                     {
@@ -892,6 +900,7 @@ exports[`CreateWalletAccountSelect renders 1`] = `
               {},
             ]
           }
+          nativeID="9"
           noLayoutFlow={false}
           style={
             [
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
index d0c69b41456..89c6b248b12 100644
--- a/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/CreateWalletImportScene.test.tsx.snap
@@ -477,6 +477,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="1"
               scale={0}
               style={
                 [
@@ -519,6 +520,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="2"
               style={
                 [
                   {
@@ -570,6 +572,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="3"
                 shift={0}
                 style={
                   [
@@ -622,6 +625,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                       },
                     ]
                   }
+                  nativeID="4"
                   scale={1}
                   shift={0}
                   style={
@@ -692,6 +696,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                 }
                 keyboardType="email-address"
                 multiline={true}
+                nativeID="5"
                 numberOfLines={10}
                 onBlur={[Function]}
                 onChangeText={[Function]}
@@ -787,6 +792,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="6"
                 scale={0}
                 style={
                   [
@@ -820,6 +826,7 @@ exports[`CreateWalletImportScene should render with loading props 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="7"
                   style={
                     [
                       {
diff --git a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
index 34cf1724fb1..d05969e2ffe 100644
--- a/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/CreateWalletSelectCryptoScene.test.tsx.snap
@@ -37,6 +37,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
       },
     ]
   }
+  nativeID="0"
   style={
     [
       {
@@ -455,6 +456,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
               },
             ]
           }
+          nativeID="2"
           size={22}
           style={
             [
@@ -488,6 +490,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="3"
             style={
               [
                 {
@@ -562,6 +565,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="4"
             size={0}
             style={
               [
@@ -595,6 +599,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="5"
               style={
                 [
                   {
@@ -658,6 +663,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="6"
             onBlur={[Function]}
             onChangeText={[Function]}
             onFocus={[Function]}
@@ -746,6 +752,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="7"
             size={0}
             style={
               [
@@ -779,6 +786,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="8"
               style={
                 [
                   {
@@ -2120,6 +2128,7 @@ exports[`CreateWalletSelectCrypto should render with loading props 1`] = `
                 "reduceMotionV": "system",
               }
             }
+            nativeID="9"
           >
             <View
               style={
diff --git a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
index 5341ae3da76..a19d2608657 100644
--- a/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/CurrencyNotificationScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -271,7 +272,11 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -283,6 +288,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -299,6 +305,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -343,6 +350,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="1"
             pending={false}
             style={
               [
@@ -383,6 +391,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="2"
             pending={false}
             style={
               [
@@ -429,7 +438,11 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -441,6 +454,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -457,6 +471,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -501,6 +516,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="3"
             pending={false}
             style={
               [
@@ -541,6 +557,7 @@ exports[`CurrencyNotificationComponent should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="4"
             pending={false}
             style={
               [
diff --git a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
index a3d982a68d3..cfb1ded2bec 100644
--- a/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/CurrencySettings.ui.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`CurrencySettings should render 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -307,7 +308,11 @@ exports[`CurrencySettings should render 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -319,6 +324,7 @@ exports[`CurrencySettings should render 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -335,6 +341,7 @@ exports[`CurrencySettings should render 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -400,6 +407,7 @@ exports[`CurrencySettings should render 1`] = `
                 },
               ]
             }
+            nativeID="1"
             pending={false}
             style={
               [
@@ -440,6 +448,7 @@ exports[`CurrencySettings should render 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="2"
             pending={false}
             style={
               [
@@ -482,7 +491,11 @@ exports[`CurrencySettings should render 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -494,6 +507,7 @@ exports[`CurrencySettings should render 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -510,6 +524,7 @@ exports[`CurrencySettings should render 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -575,6 +590,7 @@ exports[`CurrencySettings should render 1`] = `
                 },
               ]
             }
+            nativeID="3"
             pending={false}
             style={
               [
@@ -615,6 +631,7 @@ exports[`CurrencySettings should render 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="4"
             pending={false}
             style={
               [
@@ -657,7 +674,11 @@ exports[`CurrencySettings should render 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -669,6 +690,7 @@ exports[`CurrencySettings should render 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -685,6 +707,7 @@ exports[`CurrencySettings should render 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -750,6 +773,7 @@ exports[`CurrencySettings should render 1`] = `
                 },
               ]
             }
+            nativeID="5"
             pending={false}
             style={
               [
@@ -790,6 +814,7 @@ exports[`CurrencySettings should render 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="6"
             pending={false}
             style={
               [
diff --git a/src/__tests__/scenes/__snapshots__/DefaultFiatSettingScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/DefaultFiatSettingScene.test.tsx.snap
index 9c7b3879983..81c1f5d944d 100644
--- a/src/__tests__/scenes/__snapshots__/DefaultFiatSettingScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/DefaultFiatSettingScene.test.tsx.snap
@@ -37,6 +37,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
       },
     ]
   }
+  nativeID="0"
   style={
     [
       {
@@ -454,6 +455,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="2"
             size={22}
             style={
               [
@@ -487,6 +489,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                 }
               }
               jestInlineStyle={{}}
+              nativeID="3"
               style={
                 [
                   {
@@ -561,6 +564,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="4"
               size={0}
               style={
                 [
@@ -594,6 +598,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="5"
                 style={
                   [
                     {
@@ -657,6 +662,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="6"
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -746,6 +752,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="7"
               size={0}
               style={
                 [
@@ -779,6 +786,7 @@ exports[`DefaultFiatSettingComponent should render with loading props 1`] = `
                   }
                 }
                 jestInlineStyle={{}}
+                nativeID="8"
                 style={
                   [
                     {
diff --git a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
index 487b969ce61..2651ff7ce02 100644
--- a/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/EdgeLoginScene.test.tsx.snap
@@ -263,6 +263,7 @@ exports[`EdgeLoginScene should render with loading props 1`] = `
           },
         ]
       }
+      nativeID="0"
       style={
         [
           {
@@ -310,6 +311,7 @@ exports[`EdgeLoginScene should render with loading props 1`] = `
       }
     }
     jestInlineStyle={{}}
+    nativeID="1"
     pointerEvents="none"
     style={
       [
@@ -444,6 +446,7 @@ DO NOT accept this login unless you trust the application and person who provide
       }
     }
     jestInlineStyle={{}}
+    nativeID="2"
     pointerEvents="none"
     style={
       [
diff --git a/src/__tests__/scenes/__snapshots__/FioAddressDetailsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/FioAddressDetailsScene.test.tsx.snap
index 43e32c1e4f9..8786cf3b324 100644
--- a/src/__tests__/scenes/__snapshots__/FioAddressDetailsScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/FioAddressDetailsScene.test.tsx.snap
@@ -385,7 +385,11 @@ exports[`FioAddressDetails should render with loading props 1`] = `
       <View
         accessibilityState={
           {
+            "busy": undefined,
+            "checked": undefined,
             "disabled": false,
+            "expanded": undefined,
+            "selected": undefined,
           }
         }
         accessibilityValue={
@@ -397,6 +401,7 @@ exports[`FioAddressDetails should render with loading props 1`] = `
           }
         }
         accessible={false}
+        collapsable={false}
         focusable={true}
         hitSlop={11}
         onClick={[Function]}
@@ -413,6 +418,7 @@ exports[`FioAddressDetails should render with loading props 1`] = `
             "flexDirection": "row",
             "marginBottom": 1,
             "minHeight": 67,
+            "opacity": 1,
             "padding": 11,
           }
         }
@@ -457,6 +463,7 @@ exports[`FioAddressDetails should render with loading props 1`] = `
                 },
               ]
             }
+            nativeID="0"
             pending={false}
             style={
               [
@@ -497,6 +504,7 @@ exports[`FioAddressDetails should render with loading props 1`] = `
               }
             }
             jestInlineStyle={{}}
+            nativeID="1"
             pending={false}
             style={
               [
diff --git a/src/__tests__/scenes/__snapshots__/FioAddressRegisterScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/FioAddressRegisterScene.test.tsx.snap
index 198f6ccee86..9d255343eab 100644
--- a/src/__tests__/scenes/__snapshots__/FioAddressRegisterScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/FioAddressRegisterScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`FioAddressRegister should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
diff --git a/src/__tests__/scenes/__snapshots__/FioAddressSettingsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/FioAddressSettingsScene.test.tsx.snap
index 6bf9cc16170..bf70e852671 100644
--- a/src/__tests__/scenes/__snapshots__/FioAddressSettingsScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/FioAddressSettingsScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`FioAddressSettingsComponent should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
diff --git a/src/__tests__/scenes/__snapshots__/FioConnectWalletConfirmScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/FioConnectWalletConfirmScene.test.tsx.snap
index 743224a799f..6cd01f4a313 100644
--- a/src/__tests__/scenes/__snapshots__/FioConnectWalletConfirmScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/FioConnectWalletConfirmScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -513,7 +514,11 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
           <View
             accessibilityState={
               {
+                "busy": undefined,
+                "checked": undefined,
                 "disabled": false,
+                "expanded": undefined,
+                "selected": undefined,
               }
             }
             accessibilityValue={
@@ -525,6 +530,7 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
               }
             }
             accessible={true}
+            collapsable={false}
             focusable={true}
             onClick={[Function]}
             onResponderGrant={[Function]}
@@ -533,6 +539,11 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
             onResponderTerminate={[Function]}
             onResponderTerminationRequest={[Function]}
             onStartShouldSetResponder={[Function]}
+            style={
+              {
+                "opacity": 1,
+              }
+            }
           >
             <View
               style={
@@ -651,6 +662,7 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
                   },
                 ]
               }
+              nativeID="1"
               style={
                 [
                   {
@@ -670,9 +682,6 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -705,7 +714,7 @@ exports[`FioConnectWalletConfirm should render with loading props 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="2"
               style={
                 [
                   {
diff --git a/src/__tests__/scenes/__snapshots__/FioDomainRegisterScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/FioDomainRegisterScene.test.tsx.snap
index 9d24e958eb4..d9bccf36069 100644
--- a/src/__tests__/scenes/__snapshots__/FioDomainRegisterScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/FioDomainRegisterScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`FioDomainRegister should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
diff --git a/src/__tests__/scenes/__snapshots__/RequestScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/RequestScene.test.tsx.snap
index 708fb4c8f31..c6f7121dce5 100644
--- a/src/__tests__/scenes/__snapshots__/RequestScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/RequestScene.test.tsx.snap
@@ -747,6 +747,7 @@ exports[`Request should render with loaded props 1`] = `
           "reduceMotionV": "system",
         }
       }
+      nativeID="0"
       style={
         [
           {
@@ -846,6 +847,7 @@ exports[`Request should render with loaded props 1`] = `
           "reduceMotionV": "system",
         }
       }
+      nativeID="1"
       style={
         [
           {
@@ -974,6 +976,7 @@ exports[`Request should render with loaded props 1`] = `
           "reduceMotionV": "system",
         }
       }
+      nativeID="2"
     >
       <View
         style={
@@ -1220,6 +1223,8 @@ exports[`Request should render with loaded props 1`] = `
           >
             <View
               collapsable={false}
+              disableAnimation={"0"}
+              focusAnimation={"0"}
               jestAnimatedProps={
                 {
                   "value": {},
@@ -1245,6 +1250,7 @@ exports[`Request should render with loaded props 1`] = `
                   },
                 ]
               }
+              nativeID="3"
               style={
                 [
                   {
@@ -1350,6 +1356,8 @@ exports[`Request should render with loaded props 1`] = `
                   }
                   accessible={false}
                   collapsable={false}
+                  disableAnimation={"0"}
+                  focusAnimation={"0"}
                   focusable={true}
                   jestAnimatedProps={
                     {
@@ -1388,6 +1396,7 @@ exports[`Request should render with loaded props 1`] = `
                   }
                 >
                   <View
+                    animatedValue={"0"}
                     collapsable={false}
                     jestAnimatedProps={
                       {
@@ -1414,6 +1423,7 @@ exports[`Request should render with loaded props 1`] = `
                         },
                       ]
                     }
+                    nativeID="5"
                     pointerEvents="auto"
                     style={
                       [
@@ -1506,6 +1516,7 @@ exports[`Request should render with loaded props 1`] = `
                           ]
                         }
                         keyboardType="decimal-pad"
+                        nativeID="6"
                         onBlur={[Function]}
                         onChangeText={[Function]}
                         onFocus={[Function]}
@@ -1549,6 +1560,7 @@ exports[`Request should render with loaded props 1`] = `
                             "top": 0,
                           }
                         }
+                        nativeID="7"
                         style={
                           [
                             {
@@ -1568,6 +1580,7 @@ exports[`Request should render with loaded props 1`] = `
                     </View>
                   </View>
                   <View
+                    animatedValue={"0"}
                     collapsable={false}
                     jestAnimatedProps={
                       {
@@ -1599,6 +1612,7 @@ exports[`Request should render with loaded props 1`] = `
                         },
                       ]
                     }
+                    nativeID="8"
                     pointerEvents="none"
                     style={
                       [
@@ -1696,6 +1710,7 @@ exports[`Request should render with loaded props 1`] = `
                           ]
                         }
                         keyboardType="decimal-pad"
+                        nativeID="9"
                         onBlur={[Function]}
                         onChangeText={[Function]}
                         onFocus={[Function]}
@@ -1739,6 +1754,7 @@ exports[`Request should render with loaded props 1`] = `
                             "top": 0,
                           }
                         }
+                        nativeID="10"
                         style={
                           [
                             {
@@ -1785,6 +1801,8 @@ exports[`Request should render with loaded props 1`] = `
                       },
                     ]
                   }
+                  nativeID="11"
+                  scale={"0"}
                   style={
                     [
                       {
@@ -1855,6 +1873,7 @@ exports[`Request should render with loaded props 1`] = `
                         }
                       }
                       jestInlineStyle={{}}
+                      nativeID="12"
                       style={
                         [
                           {
@@ -1906,6 +1925,7 @@ exports[`Request should render with loaded props 1`] = `
           },
         ]
       }
+      nativeID="13"
       style={
         [
           {
@@ -1972,6 +1992,7 @@ exports[`Request should render with loaded props 1`] = `
           "reduceMotionV": "system",
         }
       }
+      nativeID="14"
     >
       <View
         accessibilityState={
@@ -2117,6 +2138,7 @@ exports[`Request should render with loaded props 1`] = `
         "reduceMotionV": "system",
       }
     }
+    nativeID="15"
   >
     <View
       style={
diff --git a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap
index 1cebea41b08..4de9c4ab071 100644
--- a/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/SendScene2.ui.test.tsx.snap
@@ -249,6 +249,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="7"
         >
           <View
             style={
@@ -488,6 +489,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="8"
         >
           <View
             style={
@@ -636,6 +638,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="9"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -798,6 +801,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="10"
               >
                 <View
                   style={
@@ -1007,6 +1011,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="11"
         >
           <View
             style={
@@ -1225,6 +1230,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="12"
         >
           <View
             style={
@@ -1464,6 +1470,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="13"
         />
       </View>
     </RCTScrollView>
@@ -1517,6 +1524,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="14"
       >
         <View
           style={
@@ -1574,6 +1582,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
                   },
                 ]
               }
+              nativeID="15"
               style={
                 [
                   {
@@ -1593,9 +1602,6 @@ exports[`SendScene2 1 spendTarget 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -1628,7 +1634,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="16"
               style={
                 [
                   {
@@ -1717,6 +1723,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -1746,6 +1753,7 @@ exports[`SendScene2 1 spendTarget 1`] = `
         },
       ]
     }
+    nativeID="17"
     onLayout={[Function]}
     style={
       [
@@ -2018,6 +2026,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="18"
         >
           <View
             style={
@@ -2257,6 +2266,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="19"
         >
           <View
             style={
@@ -2405,6 +2415,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="20"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -2567,6 +2578,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="21"
               >
                 <View
                   style={
@@ -2776,6 +2788,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="22"
         >
           <View
             style={
@@ -2994,6 +3007,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="23"
         >
           <View
             style={
@@ -3461,6 +3475,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="24"
         />
       </View>
     </RCTScrollView>
@@ -3514,6 +3529,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="25"
       >
         <View
           style={
@@ -3571,6 +3587,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
                   },
                 ]
               }
+              nativeID="26"
               style={
                 [
                   {
@@ -3590,9 +3607,6 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -3625,7 +3639,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="27"
               style={
                 [
                   {
@@ -3714,6 +3728,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -3743,6 +3758,7 @@ exports[`SendScene2 1 spendTarget with info tiles 1`] = `
         },
       ]
     }
+    nativeID="28"
     onLayout={[Function]}
     style={
       [
@@ -4015,6 +4031,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="29"
         >
           <View
             style={
@@ -4254,6 +4271,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="30"
         >
           <View
             style={
@@ -4346,6 +4364,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="31"
               >
                 <View
                   style={
@@ -4624,6 +4643,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="32"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -4786,6 +4806,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="33"
               >
                 <View
                   style={
@@ -4995,6 +5016,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="34"
         >
           <View
             style={
@@ -5213,6 +5235,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="35"
         >
           <View
             style={
@@ -5452,6 +5475,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="36"
         />
       </View>
     </RCTScrollView>
@@ -5505,6 +5529,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="37"
       >
         <View
           style={
@@ -5562,6 +5587,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
                   },
                 ]
               }
+              nativeID="38"
               style={
                 [
                   {
@@ -5581,9 +5607,6 @@ exports[`SendScene2 2 spendTargets 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -5616,7 +5639,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="39"
               style={
                 [
                   {
@@ -5705,6 +5728,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -5734,6 +5758,7 @@ exports[`SendScene2 2 spendTargets 1`] = `
         },
       ]
     }
+    nativeID="40"
     onLayout={[Function]}
     style={
       [
@@ -6006,6 +6031,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="41"
         >
           <View
             style={
@@ -6245,6 +6271,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="42"
         >
           <View
             style={
@@ -6337,6 +6364,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="43"
               >
                 <View
                   style={
@@ -6559,6 +6587,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="44"
               >
                 <View
                   style={
@@ -6768,6 +6797,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="45"
         />
         <View
           collapsable={false}
@@ -6806,6 +6836,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="46"
         >
           <View
             style={
@@ -7045,6 +7076,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="47"
         />
       </View>
     </RCTScrollView>
@@ -7098,6 +7130,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="48"
       >
         <View
           style={
@@ -7155,6 +7188,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
                   },
                 ]
               }
+              nativeID="49"
               style={
                 [
                   {
@@ -7174,9 +7208,6 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -7209,7 +7240,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="50"
               style={
                 [
                   {
@@ -7298,6 +7329,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -7327,6 +7359,7 @@ exports[`SendScene2 2 spendTargets hide tiles 1`] = `
         },
       ]
     }
+    nativeID="51"
     onLayout={[Function]}
     style={
       [
@@ -7599,6 +7632,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="52"
         >
           <View
             style={
@@ -7838,6 +7872,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="53"
         >
           <View
             style={
@@ -7930,6 +7965,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="54"
               >
                 <View
                   style={
@@ -8208,6 +8244,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="55"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -8337,6 +8374,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="56"
         />
         <View
           collapsable={false}
@@ -8375,6 +8413,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="57"
         >
           <View
             style={
@@ -8614,6 +8653,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="58"
         />
       </View>
     </RCTScrollView>
@@ -8667,6 +8707,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="59"
       >
         <View
           style={
@@ -8724,6 +8765,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
                   },
                 ]
               }
+              nativeID="60"
               style={
                 [
                   {
@@ -8743,9 +8785,6 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -8778,7 +8817,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="61"
               style={
                 [
                   {
@@ -8867,6 +8906,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -8896,6 +8936,7 @@ exports[`SendScene2 2 spendTargets hide tiles 2`] = `
         },
       ]
     }
+    nativeID="62"
     onLayout={[Function]}
     style={
       [
@@ -9168,6 +9209,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="63"
         >
           <View
             style={
@@ -9407,6 +9449,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="64"
         >
           <View
             style={
@@ -9499,6 +9542,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="65"
               >
                 <View
                   style={
@@ -9688,6 +9732,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="66"
         />
         <View
           collapsable={false}
@@ -9726,6 +9771,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="67"
         >
           <View
             style={
@@ -9965,6 +10011,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="68"
         />
       </View>
     </RCTScrollView>
@@ -10018,6 +10065,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="69"
       >
         <View
           style={
@@ -10075,6 +10123,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
                   },
                 ]
               }
+              nativeID="70"
               style={
                 [
                   {
@@ -10094,9 +10143,6 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -10129,7 +10175,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="71"
               style={
                 [
                   {
@@ -10218,6 +10264,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -10247,6 +10294,7 @@ exports[`SendScene2 2 spendTargets hide tiles 3`] = `
         },
       ]
     }
+    nativeID="72"
     onLayout={[Function]}
     style={
       [
@@ -10519,6 +10567,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="74"
         >
           <View
             style={
@@ -10758,6 +10807,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="75"
         >
           <View
             style={
@@ -10850,6 +10900,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="76"
               >
                 <View
                   style={
@@ -11128,6 +11179,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="77"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -11224,6 +11276,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="78"
               >
                 <View
                   style={
@@ -11433,6 +11486,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="79"
         />
         <View
           collapsable={false}
@@ -11471,6 +11525,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="80"
         >
           <View
             style={
@@ -11710,6 +11765,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="81"
         />
       </View>
     </RCTScrollView>
@@ -11763,6 +11819,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="82"
       >
         <View
           style={
@@ -11820,6 +11877,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
                   },
                 ]
               }
+              nativeID="83"
               style={
                 [
                   {
@@ -11839,9 +11897,6 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -11874,7 +11929,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="84"
               style={
                 [
                   {
@@ -11963,6 +12018,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -11992,6 +12048,7 @@ exports[`SendScene2 2 spendTargets lock tiles 1`] = `
         },
       ]
     }
+    nativeID="85"
     onLayout={[Function]}
     style={
       [
@@ -12264,6 +12321,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="86"
         >
           <View
             style={
@@ -12503,6 +12561,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="87"
         >
           <View
             style={
@@ -12595,6 +12654,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="88"
               >
                 <View
                   accessibilityState={
@@ -12831,6 +12891,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="89"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -12993,6 +13054,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="90"
               >
                 <View
                   style={
@@ -13136,6 +13198,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="91"
         />
         <View
           collapsable={false}
@@ -13174,6 +13237,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="92"
         >
           <View
             style={
@@ -13413,6 +13477,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="93"
         />
       </View>
     </RCTScrollView>
@@ -13466,6 +13531,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="94"
       >
         <View
           style={
@@ -13523,6 +13589,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
                   },
                 ]
               }
+              nativeID="95"
               style={
                 [
                   {
@@ -13542,9 +13609,6 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -13577,7 +13641,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="96"
               style={
                 [
                   {
@@ -13666,6 +13730,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -13695,6 +13760,7 @@ exports[`SendScene2 2 spendTargets lock tiles 2`] = `
         },
       ]
     }
+    nativeID="97"
     onLayout={[Function]}
     style={
       [
@@ -13967,6 +14033,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="98"
         >
           <View
             style={
@@ -14206,6 +14273,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="99"
         >
           <View
             style={
@@ -14298,6 +14366,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="100"
               >
                 <View
                   accessibilityState={
@@ -14534,6 +14603,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="101"
                   >
                     <Text
                       adjustsFontSizeToFit={true}
@@ -14630,6 +14700,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
                     "reduceMotionV": "system",
                   }
                 }
+                nativeID="102"
               >
                 <View
                   style={
@@ -14773,6 +14844,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="103"
         />
         <View
           collapsable={false}
@@ -14811,6 +14883,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="104"
         >
           <View
             style={
@@ -15050,6 +15123,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="105"
         />
       </View>
     </RCTScrollView>
@@ -15103,6 +15177,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="106"
       >
         <View
           style={
@@ -15160,6 +15235,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
                   },
                 ]
               }
+              nativeID="107"
               style={
                 [
                   {
@@ -15179,9 +15255,6 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
             />
             <View
               collapsable={false}
-              forwardedRef={[Function]}
-              handlerTag={-1}
-              handlerType="PanGestureHandler"
               jestAnimatedProps={
                 {
                   "value": {},
@@ -15214,7 +15287,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
                   },
                 ]
               }
-              onGestureHandlerEvent={[Function]}
+              nativeID="108"
               style={
                 [
                   {
@@ -15303,6 +15376,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -15332,6 +15406,7 @@ exports[`SendScene2 2 spendTargets lock tiles 3`] = `
         },
       ]
     }
+    nativeID="109"
     onLayout={[Function]}
     style={
       [
@@ -15604,6 +15679,7 @@ exports[`SendScene2 Render SendScene 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="0"
         >
           <View
             style={
@@ -15843,6 +15919,7 @@ exports[`SendScene2 Render SendScene 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="1"
         >
           <View
             style={
@@ -16000,6 +16077,7 @@ exports[`SendScene2 Render SendScene 1`] = `
                         "reduceMotionV": "system",
                       }
                     }
+                    nativeID="2"
                     style={
                       [
                         {
@@ -16314,6 +16392,7 @@ exports[`SendScene2 Render SendScene 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="3"
         />
         <View
           collapsable={false}
@@ -16352,6 +16431,7 @@ exports[`SendScene2 Render SendScene 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="4"
         />
         <View
           collapsable={false}
@@ -16390,6 +16470,7 @@ exports[`SendScene2 Render SendScene 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="5"
         >
           <View
             style={
@@ -16732,6 +16813,7 @@ exports[`SendScene2 Render SendScene 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -16761,6 +16843,7 @@ exports[`SendScene2 Render SendScene 1`] = `
         },
       ]
     }
+    nativeID="6"
     onLayout={[Function]}
     style={
       [
diff --git a/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap
index cf23b196673..d70281a76d8 100644
--- a/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/SettingsScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -404,7 +405,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -416,6 +421,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -432,6 +438,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -476,6 +483,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="1"
                   pending={false}
                   style={
                     [
@@ -516,6 +524,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="2"
                   pending={false}
                   style={
                     [
@@ -589,7 +598,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -601,6 +614,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -617,6 +631,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -661,6 +676,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="3"
                   pending={false}
                   style={
                     [
@@ -701,6 +717,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="4"
                   pending={false}
                   style={
                     [
@@ -776,7 +793,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -788,6 +809,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -804,6 +826,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -848,6 +871,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="5"
                   pending={false}
                   style={
                     [
@@ -888,6 +912,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="6"
                   pending={false}
                   style={
                     [
@@ -963,7 +988,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -975,6 +1004,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -991,6 +1021,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1035,6 +1066,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="7"
                   pending={false}
                   style={
                     [
@@ -1075,6 +1107,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="8"
                   pending={false}
                   style={
                     [
@@ -1150,7 +1183,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1162,6 +1199,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -1178,6 +1216,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1222,6 +1261,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="9"
                   pending={false}
                   style={
                     [
@@ -1262,6 +1302,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="10"
                   pending={false}
                   style={
                     [
@@ -1337,7 +1378,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1349,6 +1394,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -1365,6 +1411,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1409,6 +1456,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="11"
                   pending={false}
                   style={
                     [
@@ -1449,6 +1497,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="12"
                   pending={false}
                   style={
                     [
@@ -1524,7 +1573,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1536,6 +1589,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -1552,6 +1606,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1596,6 +1651,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="13"
                   pending={false}
                   style={
                     [
@@ -1636,6 +1692,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="14"
                   pending={false}
                   style={
                     [
@@ -1711,7 +1768,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1723,6 +1784,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -1739,6 +1801,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1783,6 +1846,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="15"
                   pending={false}
                   style={
                     [
@@ -1823,6 +1887,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="16"
                   pending={false}
                   style={
                     [
@@ -1898,7 +1963,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -1910,6 +1979,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -1926,6 +1996,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -1970,6 +2041,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="17"
                   pending={false}
                   style={
                     [
@@ -2010,6 +2082,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="18"
                   pending={false}
                   style={
                     [
@@ -2204,7 +2277,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2216,6 +2293,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -2232,6 +2310,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -2276,6 +2355,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="19"
                   pending={false}
                   style={
                     [
@@ -2316,6 +2396,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="20"
                   pending={false}
                   style={
                     [
@@ -2391,7 +2472,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2403,6 +2488,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -2419,6 +2505,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -2463,6 +2550,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="21"
                   pending={false}
                   style={
                     [
@@ -2503,6 +2591,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="22"
                   pending={false}
                   style={
                     [
@@ -2563,7 +2652,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2575,6 +2668,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -2591,6 +2685,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -2635,6 +2730,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="23"
                   pending={false}
                   style={
                     [
@@ -2675,6 +2771,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="24"
                   pending={false}
                   style={
                     [
@@ -2735,7 +2832,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2747,6 +2848,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -2763,6 +2865,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -2807,6 +2910,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="25"
                   pending={false}
                   style={
                     [
@@ -2847,6 +2951,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="26"
                   pending={false}
                   style={
                     [
@@ -2926,7 +3031,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -2938,6 +3047,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -2954,6 +3064,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -2998,6 +3109,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="27"
                   pending={false}
                   style={
                     [
@@ -3038,6 +3150,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="28"
                   pending={false}
                   style={
                     [
@@ -3117,7 +3230,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -3129,6 +3246,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -3145,6 +3263,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -3189,6 +3308,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="29"
                   pending={false}
                   style={
                     [
@@ -3229,6 +3349,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="30"
                   pending={false}
                   style={
                     [
@@ -3308,7 +3429,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -3320,6 +3445,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -3336,6 +3462,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -3380,6 +3507,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="31"
                   pending={false}
                   style={
                     [
@@ -3420,6 +3548,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="32"
                   pending={false}
                   style={
                     [
@@ -3495,7 +3624,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -3507,6 +3640,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -3523,6 +3657,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -3567,6 +3702,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="33"
                   pending={false}
                   style={
                     [
@@ -3607,6 +3743,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="34"
                   pending={false}
                   style={
                     [
@@ -3682,7 +3819,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -3694,6 +3835,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -3710,6 +3852,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -3754,6 +3897,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="35"
                   pending={false}
                   style={
                     [
@@ -3794,6 +3938,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="36"
                   pending={false}
                   style={
                     [
@@ -3869,7 +4014,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -3881,6 +4030,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -3897,6 +4047,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -3941,6 +4092,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="37"
                   pending={false}
                   style={
                     [
@@ -3981,6 +4133,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="38"
                   pending={false}
                   style={
                     [
@@ -4060,7 +4213,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -4072,6 +4229,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -4088,6 +4246,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -4132,6 +4291,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="39"
                   pending={false}
                   style={
                     [
@@ -4172,6 +4332,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="40"
                   pending={false}
                   style={
                     [
@@ -4247,7 +4408,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -4259,6 +4424,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -4275,6 +4441,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -4319,6 +4486,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="41"
                   pending={false}
                   style={
                     [
@@ -4359,6 +4527,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="42"
                   pending={false}
                   style={
                     [
@@ -4434,7 +4603,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -4446,6 +4619,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -4462,6 +4636,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -4506,6 +4681,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="43"
                   pending={false}
                   style={
                     [
@@ -4546,6 +4722,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="44"
                   pending={false}
                   style={
                     [
@@ -4621,7 +4798,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -4633,6 +4814,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -4649,6 +4831,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -4693,6 +4876,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="45"
                   pending={false}
                   style={
                     [
@@ -4733,6 +4917,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="46"
                   pending={false}
                   style={
                     [
@@ -4866,7 +5051,11 @@ exports[`SettingsScene should render SettingsScene 1`] = `
             <View
               accessibilityState={
                 {
+                  "busy": undefined,
+                  "checked": undefined,
                   "disabled": false,
+                  "expanded": undefined,
+                  "selected": undefined,
                 }
               }
               accessibilityValue={
@@ -4878,6 +5067,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                 }
               }
               accessible={false}
+              collapsable={false}
               focusable={true}
               hitSlop={11}
               onClick={[Function]}
@@ -4894,6 +5084,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                   "flexDirection": "row",
                   "marginBottom": 1,
                   "minHeight": 67,
+                  "opacity": 1,
                   "padding": 11,
                 }
               }
@@ -4938,6 +5129,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                       },
                     ]
                   }
+                  nativeID="47"
                   pending={false}
                   style={
                     [
@@ -4978,6 +5170,7 @@ exports[`SettingsScene should render SettingsScene 1`] = `
                     }
                   }
                   jestInlineStyle={{}}
+                  nativeID="48"
                   pending={false}
                   style={
                     [
diff --git a/src/__tests__/scenes/__snapshots__/SwapConfirmationScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SwapConfirmationScene.test.tsx.snap
index 2a944516151..226f6e1e7c8 100644
--- a/src/__tests__/scenes/__snapshots__/SwapConfirmationScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/SwapConfirmationScene.test.tsx.snap
@@ -241,6 +241,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -320,6 +321,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="1"
           style={
             [
               {
@@ -451,6 +453,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="2"
         >
           <View
             style={
@@ -998,6 +1001,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="4"
         >
           <View
             style={
@@ -1097,6 +1101,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="5"
         >
           <View
             style={
@@ -1497,6 +1502,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="7"
         >
           <View
             style={
@@ -1760,6 +1766,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="8"
         >
           <View
             accessibilityState={
@@ -1977,6 +1984,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               "reduceMotionV": "system",
             }
           }
+          nativeID="9"
         >
           <View
             style={
@@ -2035,6 +2043,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
                     },
                   ]
                 }
+                nativeID="10"
                 style={
                   [
                     {
@@ -2054,9 +2063,6 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
               />
               <View
                 collapsable={false}
-                forwardedRef={[Function]}
-                handlerTag={-1}
-                handlerType="PanGestureHandler"
                 jestAnimatedProps={
                   {
                     "value": {},
@@ -2087,7 +2093,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
                     null,
                   ]
                 }
-                onGestureHandlerEvent={[Function]}
+                nativeID="11"
                 style={
                   [
                     {
@@ -2170,6 +2176,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={true}
     insetBottom={0}
     jestAnimatedProps={
@@ -2199,6 +2206,7 @@ exports[`SwapConfirmationScene should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="12"
     onLayout={[Function]}
     style={
       [
diff --git a/src/__tests__/scenes/__snapshots__/SwapCreateScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SwapCreateScene.test.tsx.snap
index 8c1a2f6437d..62b579ec055 100644
--- a/src/__tests__/scenes/__snapshots__/SwapCreateScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/SwapCreateScene.test.tsx.snap
@@ -242,6 +242,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
       ]
     }
     keyboardShouldPersistTaps="handled"
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -306,6 +307,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="1"
       >
         <View
           style={
@@ -467,6 +469,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="2"
       >
         <View
           style={
@@ -605,6 +608,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="3"
       >
         <View
           style={
@@ -783,6 +787,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="4"
       />
       <View
         collapsable={false}
@@ -821,6 +826,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="5"
       />
     </View>
   </RCTScrollView>,
@@ -857,6 +863,7 @@ exports[`SwapCreateScene should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="6"
     onLayout={[Function]}
     style={
       [
diff --git a/src/__tests__/scenes/__snapshots__/SwapSuccessScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/SwapSuccessScene.test.tsx.snap
index a0062fd7fc3..0d148ce54c7 100644
--- a/src/__tests__/scenes/__snapshots__/SwapSuccessScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/SwapSuccessScene.test.tsx.snap
@@ -327,6 +327,7 @@ exports[`SwapSuccessSceneComponent should render with loading props 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={false}
     insetBottom={0}
     jestAnimatedProps={
@@ -356,6 +357,7 @@ exports[`SwapSuccessSceneComponent should render with loading props 1`] = `
         },
       ]
     }
+    nativeID="0"
     onLayout={[Function]}
     style={
       [
diff --git a/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap b/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap
index c5f619978a2..0894065c57c 100644
--- a/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap
+++ b/src/__tests__/scenes/__snapshots__/TransactionDetailsScene.test.tsx.snap
@@ -196,6 +196,7 @@ exports[`TransactionDetailsScene should render 1`] = `
         },
       ]
     }
+    nativeID="0"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -260,6 +261,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="1"
       >
         <View
           style={
@@ -514,6 +516,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="2"
       >
         <View
           style={
@@ -1278,6 +1281,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="3"
       >
         <View
           style={
@@ -1697,6 +1701,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="4"
       />
       <View
         collapsable={false}
@@ -1735,6 +1740,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="5"
       />
       <View
         collapsable={false}
@@ -1773,6 +1779,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="6"
       >
         <View
           style={
@@ -2012,6 +2019,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="7"
       >
         <View
           style={
@@ -2613,6 +2621,7 @@ exports[`TransactionDetailsScene should render 1`] = `
             "reduceMotionV": "system",
           }
         }
+        nativeID="8"
       >
         <View
           absolute={false}
@@ -2776,6 +2785,7 @@ exports[`TransactionDetailsScene should render 1`] = `
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={true}
     insetBottom={0}
     jestAnimatedProps={
@@ -2805,6 +2815,7 @@ exports[`TransactionDetailsScene should render 1`] = `
         },
       ]
     }
+    nativeID="9"
     onLayout={[Function]}
     style={
       [
@@ -3024,6 +3035,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
         },
       ]
     }
+    nativeID="10"
     onMomentumScrollBegin={[Function]}
     onMomentumScrollEnd={[Function]}
     onScroll={[Function]}
@@ -3088,6 +3100,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="11"
       >
         <View
           style={
@@ -3342,6 +3355,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="12"
       >
         <View
           style={
@@ -4106,6 +4120,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="13"
       >
         <View
           style={
@@ -4525,6 +4540,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="14"
       />
       <View
         collapsable={false}
@@ -4563,6 +4579,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="15"
       />
       <View
         collapsable={false}
@@ -4601,6 +4618,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="16"
       >
         <View
           style={
@@ -4840,6 +4858,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="17"
       >
         <View
           style={
@@ -5441,6 +5460,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
             "reduceMotionV": "system",
           }
         }
+        nativeID="18"
       >
         <View
           absolute={false}
@@ -5604,6 +5624,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
   <View
     collapsable={false}
     footerHeight={0}
+    footerOpenRatio={"1"}
     hasTabs={true}
     insetBottom={0}
     jestAnimatedProps={
@@ -5633,6 +5654,7 @@ exports[`TransactionDetailsScene should render with negative nativeAmount and fi
         },
       ]
     }
+    nativeID="19"
     onLayout={[Function]}
     style={
       [
diff --git a/src/components/common/AirshipDropdown.tsx b/src/components/common/AirshipDropdown.tsx
index 54e9fe11812..7308fabe8bd 100644
--- a/src/components/common/AirshipDropdown.tsx
+++ b/src/components/common/AirshipDropdown.tsx
@@ -4,11 +4,11 @@ import type { AirshipBridge } from 'react-native-airship'
 import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import { cacheStyles } from 'react-native-patina'
 import Animated, {
-  runOnJS,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
+import { runOnJS } from 'react-native-worklets'
 
 import { useHandler } from '../../hooks/useHandler'
 import { type Theme, useTheme } from '../services/ThemeContext'
diff --git a/src/components/common/AnimatedNumber.tsx b/src/components/common/AnimatedNumber.tsx
index 796338ff8ee..3854ed0e3ed 100644
--- a/src/components/common/AnimatedNumber.tsx
+++ b/src/components/common/AnimatedNumber.tsx
@@ -67,7 +67,7 @@ export const AnimatedNumber = (
   )
 }
 
-function isIntegerDigit(str: string) {
+function isIntegerDigit(str: string): boolean {
   // Use parseInt with radix 10 to convert the string to an integer.
   // If it's a valid integer, the result will not be NaN.
   if (str.length !== 1)
@@ -84,7 +84,7 @@ interface AnimatedDigitProps {
   numberHeight: number
 }
 
-const AnimatedDigit = (props: AnimatedDigitProps): React.ReactElement => {
+const AnimatedDigit: React.FC<AnimatedDigitProps> = props => {
   const { animationDuration, digit, easing, textStyle, index, numberHeight } =
     props
   const animY = useSharedValue(0)
@@ -98,12 +98,14 @@ const AnimatedDigit = (props: AnimatedDigitProps): React.ReactElement => {
   )
   const styles = getStyles(useTheme())
 
-  if (!isIntegerDigit(digit)) {
-    animY.value = withTiming(0, { duration: animationDuration, easing })
-  } else {
-    const height = -1 * (numberHeight * Number(digit))
-    animY.value = withTiming(height, { duration: animationDuration, easing })
-  }
+  React.useEffect(() => {
+    if (!isIntegerDigit(digit)) {
+      animY.value = withTiming(0, { duration: animationDuration, easing })
+    } else {
+      const height = -1 * (numberHeight * Number(digit))
+      animY.value = withTiming(height, { duration: animationDuration, easing })
+    }
+  }, [animY, animationDuration, digit, easing, numberHeight])
 
   const animStyle = useAnimatedStyle(() => {
     return {
diff --git a/src/components/common/CrossFade.tsx b/src/components/common/CrossFade.tsx
index f2efeb651a3..73a3e0ff129 100644
--- a/src/components/common/CrossFade.tsx
+++ b/src/components/common/CrossFade.tsx
@@ -1,11 +1,11 @@
 import * as React from 'react'
 import { StyleSheet } from 'react-native'
 import Animated, {
-  runOnJS,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
+import { runOnJS } from 'react-native-worklets'
 
 interface Props {
   // The props.key of the visible child, or undefined to hide everything:
diff --git a/src/components/common/EdgeTouchableHighlight.ts b/src/components/common/EdgeTouchableHighlight.ts
deleted file mode 100644
index ac7f82ba2c8..00000000000
--- a/src/components/common/EdgeTouchableHighlight.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TouchableHighlight } from 'react-native'
-
-import { withExtendedTouchable } from '../hoc/withExtendedTouchable'
-
-export const EdgeTouchableHighlight = withExtendedTouchable(TouchableHighlight)
diff --git a/src/components/common/SceneWrapper.tsx b/src/components/common/SceneWrapper.tsx
index 3b7075a44e7..96f09293934 100644
--- a/src/components/common/SceneWrapper.tsx
+++ b/src/components/common/SceneWrapper.tsx
@@ -11,12 +11,13 @@ import {
   useKeyboardHandler,
   useReanimatedKeyboardAnimation
 } from 'react-native-keyboard-controller'
-import Reanimated, { runOnJS, useAnimatedStyle } from 'react-native-reanimated'
+import Reanimated, { useAnimatedStyle } from 'react-native-reanimated'
 import {
   type EdgeInsets,
   useSafeAreaFrame,
   useSafeAreaInsets
 } from 'react-native-safe-area-context'
+import { runOnJS } from 'react-native-worklets'
 
 import { SCROLL_INDICATOR_INSET_FIX } from '../../constants/constantSettings'
 import {
diff --git a/src/components/modals/CategoryModal.tsx b/src/components/modals/CategoryModal.tsx
index 3aa550d701c..c8ee35ec30f 100644
--- a/src/components/modals/CategoryModal.tsx
+++ b/src/components/modals/CategoryModal.tsx
@@ -19,7 +19,7 @@ import { lstrings } from '../../locales/strings'
 import { useDispatch, useSelector } from '../../types/reactRedux'
 import { scale } from '../../util/scaling'
 import { MinimalButton } from '../buttons/MinimalButton'
-import { EdgeTouchableHighlight } from '../common/EdgeTouchableHighlight'
+import { EdgeTouchableOpacity } from '../common/EdgeTouchableOpacity'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
 import { DividerLine } from '../themed/DividerLine'
 import { EdgeText } from '../themed/EdgeText'
@@ -125,27 +125,25 @@ export function CategoryModal(props: Props) {
   const keyExtractor = useHandler((row: CategoryRow) => row.raw)
 
   const renderRow: ListRenderItem<CategoryRow> = useHandler(({ item }) => (
-    <EdgeTouchableHighlight
+    <EdgeTouchableOpacity
       delayPressIn={60}
       style={styles.rowContainer}
       onPress={async () => {
         await handleCategoryUpdate(item.raw)
       }}
     >
-      <>
-        <View style={styles.rowContent}>
-          <View style={styles.rowCategoryTextWrap}>
-            <EdgeText style={styles.rowCategoryText}>{item.display}</EdgeText>
-          </View>
-          {item.new ? (
-            <View style={styles.rowPlusWrap}>
-              <EdgeText style={styles.rowPlus}>+</EdgeText>
-            </View>
-          ) : null}
+      <View style={styles.rowContent}>
+        <View style={styles.rowCategoryTextWrap}>
+          <EdgeText style={styles.rowCategoryText}>{item.display}</EdgeText>
         </View>
-        <DividerLine marginRem={[0, 0]} />
-      </>
-    </EdgeTouchableHighlight>
+        {item.new ? (
+          <View style={styles.rowPlusWrap}>
+            <EdgeText style={styles.rowPlus}>+</EdgeText>
+          </View>
+        ) : null}
+      </View>
+      <DividerLine marginRem={[0, 0]} />
+    </EdgeTouchableOpacity>
   ))
 
   return (
diff --git a/src/components/modals/EdgeModal.tsx b/src/components/modals/EdgeModal.tsx
index 0f70444f9c3..d46bd29535e 100644
--- a/src/components/modals/EdgeModal.tsx
+++ b/src/components/modals/EdgeModal.tsx
@@ -14,12 +14,12 @@ import {
 } from 'react-native-gesture-handler'
 import { cacheStyles } from 'react-native-patina'
 import Animated, {
-  runOnJS,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
 import AntDesignIcon from 'react-native-vector-icons/AntDesign'
+import { runOnJS } from 'react-native-worklets'
 
 import { SCROLL_INDICATOR_INSET_FIX } from '../../constants/constantSettings'
 import { useHandler } from '../../hooks/useHandler'
diff --git a/src/components/notification/NotificationCard.tsx b/src/components/notification/NotificationCard.tsx
index 3d734ab7ed3..2d0b78f40f4 100644
--- a/src/components/notification/NotificationCard.tsx
+++ b/src/components/notification/NotificationCard.tsx
@@ -4,12 +4,12 @@ import FastImage from 'react-native-fast-image'
 import { ShadowedView } from 'react-native-fast-shadow'
 import { cacheStyles } from 'react-native-patina'
 import Animated, {
-  runOnJS,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
 import AntDesignIcon from 'react-native-vector-icons/AntDesign'
+import { runOnJS } from 'react-native-worklets'
 
 import { useHandler } from '../../hooks/useHandler'
 import { getThemedIconUri } from '../../util/CdnUris'
@@ -103,7 +103,7 @@ const NotificationCardComponent = (props: Props) => {
         <TouchableContents onPress={handlePress} testID={testID}>
           <Icon source={{ uri: iconUri }} />
           <TextView>
-            {/* Android font scaling is too aggressive. 
+            {/* Android font scaling is too aggressive.
               Android prioritizes font shrinking much more before trying to add
               newlines, while iOS prioritizes newlines before shrinking text.
               We already use smaller text here so we shouldn't shrink it
diff --git a/src/components/progress-indicators/AccountSyncBar.tsx b/src/components/progress-indicators/AccountSyncBar.tsx
index b49b3ce8128..7c463d71d99 100644
--- a/src/components/progress-indicators/AccountSyncBar.tsx
+++ b/src/components/progress-indicators/AccountSyncBar.tsx
@@ -1,5 +1,11 @@
 import React from 'react'
-import { Animated, Easing, View } from 'react-native'
+import { View } from 'react-native'
+import Animated, {
+  interpolate,
+  useAnimatedStyle,
+  useSharedValue,
+  withTiming
+} from 'react-native-reanimated'
 
 import { useAccountSyncRatio } from '../../hooks/useAccountSyncRatio'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
@@ -14,18 +20,12 @@ export const AccountSyncBar = () => {
 
   // Calculate the average progress:
   const progress = useAccountSyncRatio()
+  const animation = useSharedValue(progress)
 
   // Animation state:
   const [isProgressVisible, setIsProgressVisible] = React.useState(
     progress !== 100
   )
-  const animation = React.useRef(new Animated.Value(progress)).current
-
-  const widthInterpolated = animation.interpolate({
-    inputRange: [0, 1],
-    outputRange: ['10%', '100%'],
-    extrapolate: 'clamp'
-  })
 
   React.useEffect(() => {
     if (progress === 1) {
@@ -38,20 +38,24 @@ export const AccountSyncBar = () => {
       // Added wallets, resynced wallets, unpaused wallets, etc.
       setIsProgressVisible(true)
 
-      Animated.timing(animation, {
-        duration: 1500,
-        easing: Easing.ease,
-        toValue: progress,
-        useNativeDriver: false
-      }).start()
+      animation.value = withTiming(progress, { duration: 1500 })
     }
   }, [animation, progress])
 
-  if (!isProgressVisible) return null
+  const widthStyle = useAnimatedStyle(() => ({
+    transform: [
+      {
+        scaleX: interpolate(animation.value, [0, 1], [0.1, 1], {
+          extrapolateRight: 'clamp'
+        })
+      }
+    ]
+  }))
 
+  if (!isProgressVisible) return null
   return (
     <View style={style.container}>
-      <Animated.View style={[style.bar, { width: widthInterpolated }]} />
+      <Animated.View style={[style.bar, widthStyle]} />
     </View>
   )
 }
@@ -67,6 +71,7 @@ const getStyles = cacheStyles((theme: Theme) => ({
     top: 0,
     right: 0,
     height: 3,
-    backgroundColor: theme.walletProgressIconFill
+    backgroundColor: theme.walletProgressIconFill,
+    transformOrigin: 'left center'
   }
 }))
diff --git a/src/components/scenes/GettingStartedScene.tsx b/src/components/scenes/GettingStartedScene.tsx
index 605082bbcbe..1288270a702 100644
--- a/src/components/scenes/GettingStartedScene.tsx
+++ b/src/components/scenes/GettingStartedScene.tsx
@@ -5,7 +5,6 @@ import Animated, {
   Extrapolation,
   interpolate,
   interpolateColor,
-  runOnJS,
   type SharedValue,
   useAnimatedReaction,
   useAnimatedStyle,
@@ -16,6 +15,7 @@ import {
   useSafeAreaFrame,
   useSafeAreaInsets
 } from 'react-native-safe-area-context'
+import { runOnJS } from 'react-native-worklets'
 
 import edgeLogoIcon from '../../assets/images/edgeLogo/Edge_logo_Icon_L.png'
 import uspImage0 from '../../assets/images/gettingStarted/usp0.png'
diff --git a/src/components/settings/SettingsRow.tsx b/src/components/settings/SettingsRow.tsx
index 5c80112ef43..2aa04d999ed 100644
--- a/src/components/settings/SettingsRow.tsx
+++ b/src/components/settings/SettingsRow.tsx
@@ -7,7 +7,7 @@ import Animated, {
 } from 'react-native-reanimated'
 
 import { usePendingPress } from '../../hooks/usePendingPress'
-import { EdgeTouchableHighlight } from '../common/EdgeTouchableHighlight'
+import { EdgeTouchableOpacity } from '../common/EdgeTouchableOpacity'
 import { styled } from '../hoc/styled'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
 
@@ -54,37 +54,34 @@ const SettingsRowComponent = (props: Props) => {
   const [pending, handlePress] = usePendingPress(onPress)
 
   return (
-    <EdgeTouchableHighlight
+    <EdgeTouchableOpacity
       accessible={false}
-      underlayColor={theme.settingsRowPressed}
       style={styles.row}
       onPress={handlePress}
       hitSlop={theme.rem(0.5)}
     >
-      <>
-        {children}
-        <Text
-          style={
-            disabled
-              ? styles.disabledText
-              : dangerous
-              ? styles.dangerText
-              : styles.text
-          }
-        >
-          {label}
-        </Text>
-        <View>
-          <ActivityContainer pending={pending}>
-            <ActivityIndicator
-              color={theme.iconTappable}
-              style={styles.spinner}
-            />
-          </ActivityContainer>
-          <RightContainer pending={pending}>{right}</RightContainer>
-        </View>
-      </>
-    </EdgeTouchableHighlight>
+      {children}
+      <Text
+        style={
+          disabled
+            ? styles.disabledText
+            : dangerous
+            ? styles.dangerText
+            : styles.text
+        }
+      >
+        {label}
+      </Text>
+      <View>
+        <ActivityContainer pending={pending}>
+          <ActivityIndicator
+            color={theme.iconTappable}
+            style={styles.spinner}
+          />
+        </ActivityContainer>
+        <RightContainer pending={pending}>{right}</RightContainer>
+      </View>
+    </EdgeTouchableOpacity>
   )
 }
 
diff --git a/src/components/themed/Carousel.tsx b/src/components/themed/Carousel.tsx
index 87a732dc9ab..52e2bc7bb20 100644
--- a/src/components/themed/Carousel.tsx
+++ b/src/components/themed/Carousel.tsx
@@ -3,7 +3,6 @@ import { useEffect } from 'react'
 import { type LayoutChangeEvent, Pressable, View } from 'react-native'
 import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import Animated, {
-  runOnJS,
   type SharedValue,
   useAnimatedStyle,
   useSharedValue,
@@ -11,6 +10,7 @@ import Animated, {
   withTiming
 } from 'react-native-reanimated'
 import { useSafeAreaFrame } from 'react-native-safe-area-context'
+import { runOnJS } from 'react-native-worklets'
 
 import { useState } from '../../types/reactHooks'
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
diff --git a/src/components/themed/FlipInput2.tsx b/src/components/themed/FlipInput2.tsx
index 7ac7989eca1..6aeaf40a542 100644
--- a/src/components/themed/FlipInput2.tsx
+++ b/src/components/themed/FlipInput2.tsx
@@ -13,7 +13,6 @@ import Animated, {
   Easing,
   interpolate,
   interpolateColor,
-  runOnJS,
   type SharedValue,
   useAnimatedRef,
   useAnimatedStyle,
@@ -22,6 +21,7 @@ import Animated, {
   withDelay,
   withTiming
 } from 'react-native-reanimated'
+import { runOnJS } from 'react-native-worklets'
 
 import { useHandler } from '../../hooks/useHandler'
 import { useNumericInputProps } from '../../hooks/useNumericInputProps'
diff --git a/src/components/themed/SafeSlider.tsx b/src/components/themed/SafeSlider.tsx
index 35dacc6182d..9030fde87cc 100644
--- a/src/components/themed/SafeSlider.tsx
+++ b/src/components/themed/SafeSlider.tsx
@@ -1,15 +1,14 @@
 import * as React from 'react'
 import { ActivityIndicator, StyleSheet, View } from 'react-native'
-import { PanGestureHandler } from 'react-native-gesture-handler'
+import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import Animated, {
   Easing,
-  runOnJS,
-  useAnimatedGestureHandler,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
 import Entypo from 'react-native-vector-icons/Entypo'
+import { runOnJS } from 'react-native-worklets'
 
 import { useHandler } from '../../hooks/useHandler'
 import { lstrings } from '../../locales/strings'
@@ -23,7 +22,6 @@ const COMPLETE_POINT: number = 3
 interface Props {
   onSlidingComplete: (reset: () => void) => Promise<void> | void
   parentStyle?: any
-  completePoint?: number
   width?: number
 
   // Disabled logic:
@@ -31,13 +29,12 @@ interface Props {
   disabled: boolean
 }
 
-export const SafeSlider = (props: Props) => {
+export const SafeSlider: React.FC<Props> = props => {
   const {
     disabledText,
-    disabled,
+    disabled = false,
     onSlidingComplete,
-    parentStyle,
-    completePoint = COMPLETE_POINT
+    parentStyle
   } = props
 
   const theme = useTheme()
@@ -51,10 +48,9 @@ export const SafeSlider = (props: Props) => {
   const sliderDisabled = disabled || completed
   const sliderText = !sliderDisabled
     ? lstrings.send_confirmation_slide_to_confirm
-    : disabledText || lstrings.select_exchange_amount_short
+    : disabledText ?? lstrings.select_exchange_amount_short
 
   const translateX = useSharedValue(upperBound)
-  const isSliding = useSharedValue(false)
 
   const resetSlider = useHandler(() => {
     translateX.value = withTiming(upperBound, {
@@ -63,45 +59,36 @@ export const SafeSlider = (props: Props) => {
     })
     setCompleted(false)
   })
-  const complete = () => {
+  const handleComplete = (): void => {
     triggerHaptic('impactMedium')
     onSlidingComplete(() => {
       resetSlider()
-    })?.catch(err => {
+    })?.catch((err: unknown) => {
       showError(err)
     })
     setCompleted(true)
   }
 
-  const onGestureEvent = useAnimatedGestureHandler({
-    onStart: (_, ctx: { offsetX: number }) => {
-      if (!sliderDisabled) ctx.offsetX = translateX.value
-    },
-    onActive: (event, ctx) => {
-      if (!sliderDisabled) {
-        isSliding.value = true
-        translateX.value = clamp(
-          event.translationX + ctx.offsetX,
-          0,
-          upperBound
-        )
-      }
-    },
-    onEnd: () => {
-      if (!sliderDisabled) {
-        isSliding.value = false
-
-        if (translateX.value < completePoint) {
-          runOnJS(complete)()
-        } else {
-          translateX.value = withTiming(upperBound, {
-            duration: 500,
-            easing: Easing.inOut(Easing.exp)
-          })
-        }
+  const gesture = Gesture.Pan()
+    .enabled(!sliderDisabled)
+    .onChange(event => {
+      translateX.value = Math.max(
+        0,
+        // We start at `upperBound` and translate left,
+        // so `event.translationX` should be negative:
+        upperBound + Math.min(0, event.translationX)
+      )
+    })
+    .onEnd(event => {
+      if (translateX.value < COMPLETE_POINT) {
+        runOnJS(handleComplete)()
+      } else {
+        translateX.value = withTiming(upperBound, {
+          duration: 500,
+          easing: Easing.inOut(Easing.exp)
+        })
       }
-    }
-  })
+    })
 
   const scrollTranslationStyle = useAnimatedStyle(() => {
     return { transform: [{ translateX: translateX.value }] }
@@ -124,7 +111,7 @@ export const SafeSlider = (props: Props) => {
       >
         <Animated.View style={[styles.progress, progressStyle]} />
 
-        <PanGestureHandler onGestureEvent={onGestureEvent}>
+        <GestureDetector gesture={gesture}>
           <Animated.View
             style={[
               styles.thumb,
@@ -138,7 +125,7 @@ export const SafeSlider = (props: Props) => {
               size={theme.rem(1.5)}
             />
           </Animated.View>
-        </PanGestureHandler>
+        </GestureDetector>
         {completed ? (
           <ActivityIndicator
             color={theme.iconTappable}
@@ -160,13 +147,6 @@ export const SafeSlider = (props: Props) => {
   )
 }
 
-type Clamp = (value: number, lowerBound: number, upperBound: number) => number
-
-const clamp: Clamp = (value, lowerBound, upperBound) => {
-  'worklet'
-  return Math.min(Math.max(lowerBound, value), upperBound)
-}
-
 const getStyles = cacheStyles((theme: Theme) => ({
   sliderContainer: {
     alignItems: 'center'
diff --git a/src/components/themed/Slider.tsx b/src/components/themed/Slider.tsx
index e33df514cb2..7d60bc7b472 100644
--- a/src/components/themed/Slider.tsx
+++ b/src/components/themed/Slider.tsx
@@ -1,72 +1,58 @@
 import * as React from 'react'
 import { ActivityIndicator, StyleSheet, View } from 'react-native'
-import { PanGestureHandler } from 'react-native-gesture-handler'
+import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import Animated, {
   Easing,
-  runOnJS,
-  useAnimatedGestureHandler,
   useAnimatedStyle,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
 import Entypo from 'react-native-vector-icons/Entypo'
+import { runOnJS } from 'react-native-worklets'
 
 import { useHandler } from '../../hooks/useHandler'
 import { lstrings } from '../../locales/strings'
 import { triggerHaptic } from '../../util/haptic'
 import { showError } from '../services/AirshipInstance'
-import {
-  cacheStyles,
-  type Theme,
-  type ThemeProps,
-  withTheme
-} from '../services/ThemeContext'
+import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
 import { EdgeText } from './EdgeText'
 
 const COMPLETE_POINT: number = 3
 
-interface OwnProps {
+interface Props {
   onSlidingComplete: (reset: () => void) => Promise<void> | void
   parentStyle?: any
   showSpinner?: boolean
-  completePoint?: number
   width?: number
 
-  // Reset logic:
-  reset?: boolean
-
   // Disabled logic:
   disabledText?: string
   disabled: boolean
 }
 
-type Props = OwnProps & ThemeProps
-
-export const SliderComponent = (props: Props) => {
+export const Slider: React.FC<Props> = props => {
   const {
     disabledText,
-    disabled,
-    reset,
-    showSpinner,
+    disabled = false,
+    showSpinner = false,
     onSlidingComplete,
-    parentStyle,
-    completePoint = COMPLETE_POINT,
-    theme,
-    width = props.theme.confirmationSliderWidth
+    parentStyle
   } = props
+
+  const theme = useTheme()
   const styles = getStyles(theme)
   const { confirmationSliderThumbWidth } = theme
   const [completed, setCompleted] = React.useState(false)
 
+  const { width = theme.confirmationSliderWidth } = props
   const upperBound = width - theme.confirmationSliderThumbWidth
   const widthStyle = { width }
   const sliderDisabled = disabled || showSpinner
   const sliderText = !sliderDisabled
     ? lstrings.send_confirmation_slide_to_confirm
-    : disabledText || lstrings.select_exchange_amount_short
+    : disabledText ?? lstrings.select_exchange_amount_short
 
   const translateX = useSharedValue(upperBound)
-  const isSliding = useSharedValue(false)
 
   const resetSlider = useHandler(() => {
     translateX.value = withTiming(upperBound, {
@@ -75,45 +61,36 @@ export const SliderComponent = (props: Props) => {
     })
     setCompleted(false)
   })
-  const complete = () => {
+  const handleComplete = (): void => {
     triggerHaptic('impactMedium')
     onSlidingComplete(() => {
       resetSlider()
-    })?.catch(err => {
+    })?.catch((err: unknown) => {
       showError(err)
     })
     setCompleted(true)
   }
 
-  const onGestureEvent = useAnimatedGestureHandler({
-    onStart: (_, ctx: { offsetX: number }) => {
-      if (!sliderDisabled) ctx.offsetX = translateX.value
-    },
-    onActive: (event, ctx) => {
-      if (!sliderDisabled) {
-        isSliding.value = true
-        translateX.value = clamp(
-          event.translationX + ctx.offsetX,
-          0,
-          upperBound
-        )
-      }
-    },
-    onEnd: () => {
-      if (!sliderDisabled) {
-        isSliding.value = false
-
-        if (translateX.value < completePoint) {
-          runOnJS(complete)()
-        } else {
-          translateX.value = withTiming(upperBound, {
-            duration: 500,
-            easing: Easing.inOut(Easing.exp)
-          })
-        }
+  const gesture = Gesture.Pan()
+    .enabled(!sliderDisabled)
+    .onChange(event => {
+      translateX.value = Math.max(
+        0,
+        // We start at `upperBound` and translate left,
+        // so `event.translationX` should be negative:
+        upperBound + Math.min(0, event.translationX)
+      )
+    })
+    .onEnd(event => {
+      if (translateX.value < COMPLETE_POINT) {
+        runOnJS(handleComplete)()
+      } else {
+        translateX.value = withTiming(upperBound, {
+          duration: 500,
+          easing: Easing.inOut(Easing.exp)
+        })
       }
-    }
-  })
+    })
 
   const scrollTranslationStyle = useAnimatedStyle(() => {
     return { transform: [{ translateX: translateX.value }] }
@@ -127,12 +104,10 @@ export const SliderComponent = (props: Props) => {
 
   // Reset slider state conditions:
   React.useEffect(() => {
-    // Reset prop set by parent
-    if (reset) resetSlider()
     // Completed prop set by parent and no longer showing spinner
-    else if (completed && !showSpinner) resetSlider()
+    if (completed && !showSpinner) resetSlider()
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [resetSlider, reset, showSpinner])
+  }, [resetSlider, showSpinner])
 
   return (
     <View style={[parentStyle, styles.sliderContainer]}>
@@ -145,7 +120,7 @@ export const SliderComponent = (props: Props) => {
       >
         <Animated.View style={[styles.progress, progressStyle]} />
 
-        <PanGestureHandler onGestureEvent={onGestureEvent}>
+        <GestureDetector gesture={gesture}>
           <Animated.View
             style={[
               styles.thumb,
@@ -159,7 +134,7 @@ export const SliderComponent = (props: Props) => {
               size={theme.rem(1.5)}
             />
           </Animated.View>
-        </PanGestureHandler>
+        </GestureDetector>
         {showSpinner ? (
           <ActivityIndicator
             color={theme.iconTappable}
@@ -181,13 +156,6 @@ export const SliderComponent = (props: Props) => {
   )
 }
 
-type Clamp = (value: number, lowerBound: number, upperBound: number) => number
-
-const clamp: Clamp = (value, lowerBound, upperBound) => {
-  'worklet'
-  return Math.min(Math.max(lowerBound, value), upperBound)
-}
-
 const getStyles = cacheStyles((theme: Theme) => ({
   sliderContainer: {
     alignItems: 'center'
@@ -241,5 +209,3 @@ const getStyles = cacheStyles((theme: Theme) => ({
     zIndex: 1
   }
 }))
-
-export const Slider = withTheme(SliderComponent)
diff --git a/src/components/themed/SwipeableRow.tsx b/src/components/themed/SwipeableRow.tsx
index a73cdef1a21..1cf2d3216b8 100644
--- a/src/components/themed/SwipeableRow.tsx
+++ b/src/components/themed/SwipeableRow.tsx
@@ -8,7 +8,6 @@ import {
 import { Gesture, GestureDetector } from 'react-native-gesture-handler'
 import Animated, {
   type AnimationCallback,
-  runOnJS,
   type SharedValue,
   useAnimatedStyle,
   useDerivedValue,
@@ -16,6 +15,7 @@ import Animated, {
   withSpring,
   withTiming
 } from 'react-native-reanimated'
+import { runOnJS } from 'react-native-worklets'
 
 import { cacheStyles, type Theme, useTheme } from '../services/ThemeContext'
 
diff --git a/src/components/themed/ThemedButtons.tsx b/src/components/themed/ThemedButtons.tsx
index 7176317a32b..5620dce4fc3 100644
--- a/src/components/themed/ThemedButtons.tsx
+++ b/src/components/themed/ThemedButtons.tsx
@@ -10,7 +10,6 @@ import {
   sidesToMargin,
   sidesToPadding
 } from '../../util/sides'
-import { EdgeTouchableHighlight } from '../common/EdgeTouchableHighlight'
 import { EdgeTouchableOpacity } from '../common/EdgeTouchableOpacity'
 import { showError } from '../services/AirshipInstance'
 import { type Theme, useTheme } from '../services/ThemeContext'
@@ -71,17 +70,15 @@ export function Radio(props: RadioButtonProps) {
 
   return (
     <View style={[margin, padding]}>
-      <EdgeTouchableHighlight
+      <EdgeTouchableOpacity
         activeOpacity={theme.underlayOpacity}
-        // @ts-expect-error
-        underlayColor={theme.secondaryButton}
         onPress={onPress}
       >
         <View style={[styles.radio, right && styles.radioRight]}>
           <RadioIcon value={value} />
           {children}
         </View>
-      </EdgeTouchableHighlight>
+      </EdgeTouchableOpacity>
     </View>
   )
 }
diff --git a/src/state/SceneFooterState.tsx b/src/state/SceneFooterState.tsx
index 6d1e370958f..419e48ab06d 100644
--- a/src/state/SceneFooterState.tsx
+++ b/src/state/SceneFooterState.tsx
@@ -2,11 +2,11 @@ import { useIsFocused } from '@react-navigation/native'
 import { useCallback, useEffect, useMemo } from 'react'
 import { Platform } from 'react-native'
 import {
-  runOnJS,
   useAnimatedReaction,
   useSharedValue,
   withTiming
 } from 'react-native-reanimated'
+import { runOnJS } from 'react-native-worklets'
 
 import type { SceneWrapperInfo } from '../components/common/SceneWrapper'
 import { useSharedEvent } from '../hooks/useSharedEvent'
diff --git a/src/state/SceneScrollState.tsx b/src/state/SceneScrollState.tsx
index 2daff8cb7a3..ac3b9726a9f 100644
--- a/src/state/SceneScrollState.tsx
+++ b/src/state/SceneScrollState.tsx
@@ -6,7 +6,6 @@ import {
   useAnimatedReaction,
   useAnimatedScrollHandler,
   useSharedValue,
-  useWorkletCallback,
   withTiming
 } from 'react-native-reanimated'
 
@@ -179,16 +178,19 @@ export const useSceneScrollWorkletHandler = () => {
   )
 
   // Define the handleScroll function as a worklet using useWorkletCallback
-  const handleScroll = useWorkletCallback((event: NativeScrollEvent) => {
-    'worklet'
-    if (!isFocused) return
-
-    const y = event.contentOffset.y
-    if (scrollY.value !== y) {
-      localScrollY.value = y
-      scrollY.value = y
-    }
-  }, [])
+  const handleScroll = useCallback(
+    (event: NativeScrollEvent) => {
+      'worklet'
+      if (!isFocused.value) return
+
+      const y = event.contentOffset.y
+      if (scrollY.value !== y) {
+        localScrollY.value = y
+        scrollY.value = y
+      }
+    },
+    [isFocused, localScrollY, scrollY]
+  )
 
   return handleScroll
 }
diff --git a/src/theme/variables/edgeDark.ts b/src/theme/variables/edgeDark.ts
index b256bf41062..3a5fbf20eab 100644
--- a/src/theme/variables/edgeDark.ts
+++ b/src/theme/variables/edgeDark.ts
@@ -364,7 +364,6 @@ export const edgeDark: Theme = {
 
   // Settings Row
   settingsRowBackground: palette.transparent,
-  settingsRowPressed: palette.transparent,
   settingsRowHeaderFont: palette.QuicksandMedium,
   settingsRowHeaderFontSizeRem: 1,
   settingsRowSubHeader: palette.transparent,
diff --git a/src/theme/variables/edgeLight.ts b/src/theme/variables/edgeLight.ts
index bd685abd56d..53eef4350b4 100644
--- a/src/theme/variables/edgeLight.ts
+++ b/src/theme/variables/edgeLight.ts
@@ -316,7 +316,6 @@ export const edgeLight: Theme = {
 
   // Settings Row
   settingsRowBackground: palette.white,
-  settingsRowPressed: palette.transparent,
   settingsRowHeaderFont: palette.QuicksandMedium,
   settingsRowHeaderFontSizeRem: 1,
   settingsRowSubHeader: palette.transparent,
diff --git a/src/theme/variables/testDark.ts b/src/theme/variables/testDark.ts
index d2f207c98c3..1f47c6b750f 100644
--- a/src/theme/variables/testDark.ts
+++ b/src/theme/variables/testDark.ts
@@ -358,7 +358,6 @@ export const testDark: Theme = {
 
   // Settings Row
   settingsRowBackground: palette.transparent,
-  settingsRowPressed: palette.transparent,
   settingsRowHeaderFont: palette.QuicksandMedium,
   settingsRowHeaderFontSizeRem: 1,
   settingsRowSubHeader: palette.transparent,
diff --git a/src/theme/variables/testLight.ts b/src/theme/variables/testLight.ts
index b38fb5daddc..b7c6d557c76 100644
--- a/src/theme/variables/testLight.ts
+++ b/src/theme/variables/testLight.ts
@@ -316,7 +316,6 @@ export const testLight: Theme = {
 
   // Settings Row
   settingsRowBackground: palette.white,
-  settingsRowPressed: palette.transparent,
   settingsRowHeaderFont: palette.QuicksandMedium,
   settingsRowHeaderFontSizeRem: 1,
   settingsRowSubHeader: palette.transparent,
diff --git a/src/types/Theme.ts b/src/types/Theme.ts
index 3a45c429642..d9042a50603 100644
--- a/src/types/Theme.ts
+++ b/src/types/Theme.ts
@@ -156,7 +156,6 @@ export interface Theme {
 
   // Settings Row
   settingsRowBackground: string
-  settingsRowPressed: string
 
   settingsRowHeaderFont: string
   settingsRowHeaderFontSizeRem: number
diff --git a/yarn.lock b/yarn.lock
index d4b83771932..fc08b6d6810 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1063,7 +1063,20 @@
     "@babel/parser" "^7.27.2"
     "@babel/types" "^7.27.1"
 
-"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3", "@babel/traverse@^7.25.3", "@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3", "@babel/traverse@^7.28.0", "@babel/traverse@^7.7.0":
+"@babel/traverse--for-generate-function-map@npm:@babel/traverse@^7.25.3":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
+  integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
+  dependencies:
+    "@babel/code-frame" "^7.27.1"
+    "@babel/generator" "^7.28.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.28.0"
+    "@babel/template" "^7.27.2"
+    "@babel/types" "^7.28.0"
+    debug "^4.3.1"
+
+"@babel/traverse@^7.25.3", "@babel/traverse@^7.27.1", "@babel/traverse@^7.27.3", "@babel/traverse@^7.28.0", "@babel/traverse@^7.7.0":
   version "7.28.0"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.28.0.tgz#518aa113359b062042379e333db18380b537e34b"
   integrity sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==
@@ -1133,12 +1146,7 @@
     bfs-path "^1.0.2"
     cross-fetch "^3.1.5"
 
-"@chain-registry/types@^2.0.28", "@chain-registry/types@^2.0.30":
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-2.0.30.tgz#08c7d5d02b04e0049ae42e3c701862c1cfd7d87a"
-  integrity sha512-5bcDLnsNhJ5lB7f9StIOebo+0Rf6C5sA1CtCQ4OtmNJVhqouIWLDvnQngJBbyiknYd3JPskI/HyP6AZ6P3GF3g==
-
-"@chain-registry/types@^2.0.42":
+"@chain-registry/types@^2.0.28", "@chain-registry/types@^2.0.30", "@chain-registry/types@^2.0.42":
   version "2.0.42"
   resolved "https://registry.yarnpkg.com/@chain-registry/types/-/types-2.0.42.tgz#9d86692fcc400d13246ab08085ff40ac040566a7"
   integrity sha512-ozPgnok3kmtABQSUH4UussJdpygrdwA0uQJdnDhiVPczQ6OH5UQSvpX5UXDfNiutRkTztp7h/TA1DSQQbiQo1g==
@@ -4421,63 +4429,63 @@
     nullthrows "^1.1.1"
 
 "@react-navigation/bottom-tabs@^6.5.4":
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/@react-navigation/bottom-tabs/-/bottom-tabs-6.5.4.tgz#f123705fbc093de900c37501c6ab9ab646c04d50"
-  integrity sha512-C2Tf+SsO9zc+p/MKUkILso8Dw4KTIscXPi7YhdepyZbM8ZYMGfnZKzffGjLFlLhQXtsFQQuHMelD8sIStTkgyQ==
+  version "6.6.1"
+  resolved "https://registry.yarnpkg.com/@react-navigation/bottom-tabs/-/bottom-tabs-6.6.1.tgz#589edc9c8fbf652c485b3c37d344faafe3cd4cc4"
+  integrity sha512-9oD4cypEBjPuaMiu9tevWGiQ4w/d6l3HNhcJ1IjXZ24xvYDSs0mqjUcdt8SWUolCvRrYc/DmNBLlT83bk0bHTw==
   dependencies:
-    "@react-navigation/elements" "^1.3.14"
+    "@react-navigation/elements" "^1.3.31"
     color "^4.2.3"
     warn-once "^0.1.0"
 
-"@react-navigation/core@^6.4.6":
-  version "6.4.6"
-  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-6.4.6.tgz#b0738667dec5927b01c4c496c2f4c73ef8a5e4dd"
-  integrity sha512-6zaAgUT5k4vhJlddUk2l52RZyMkMelHdrRv1cL57ALi2RZzERdgmbiMKhJerxFLn9S8E3PUe8vwxHzjHOZKG4w==
+"@react-navigation/core@^6.4.17":
+  version "6.4.17"
+  resolved "https://registry.yarnpkg.com/@react-navigation/core/-/core-6.4.17.tgz#f277a196b578c8a456efcc563d1c9bd87eb4ab04"
+  integrity sha512-Nd76EpomzChWAosGqWOYE3ItayhDzIEzzZsT7PfGcRFDgW5miHV2t4MZcq9YIK4tzxZjVVpYbIynOOQQd1e0Cg==
   dependencies:
-    "@react-navigation/routers" "^6.1.6"
+    "@react-navigation/routers" "^6.1.9"
     escape-string-regexp "^4.0.0"
     nanoid "^3.1.23"
     query-string "^7.1.3"
     react-is "^16.13.0"
-    use-latest-callback "^0.1.5"
+    use-latest-callback "^0.2.1"
 
-"@react-navigation/drawer@^6.5.8":
-  version "6.5.8"
-  resolved "https://registry.yarnpkg.com/@react-navigation/drawer/-/drawer-6.5.8.tgz#1bab9f761099fefd5a3e7080851076d0b4310dac"
-  integrity sha512-24okwc1gVJex+NMwau1QfxIRUDfFvdbnwFS/N0bCUXDVu8bqsMeYA00C3xwCpvdRmANbBH4rFRniNbJLAvD4Jg==
+"@react-navigation/drawer@^6.7.2":
+  version "6.7.2"
+  resolved "https://registry.yarnpkg.com/@react-navigation/drawer/-/drawer-6.7.2.tgz#3c85298c73af915f3cd5e6ca26a1a26d61010256"
+  integrity sha512-o4g2zgTZa2+oLd+8V33etrSM38KIqu8S/zCBTsdsHUoQyVE7JNRiv3Qgq/jMvEb8PZCqWmm7jHItcgzrBuwyOQ==
   dependencies:
-    "@react-navigation/elements" "^1.3.14"
+    "@react-navigation/elements" "^1.3.31"
     color "^4.2.3"
     warn-once "^0.1.0"
 
-"@react-navigation/elements@^1.3.14":
-  version "1.3.14"
-  resolved "https://registry.yarnpkg.com/@react-navigation/elements/-/elements-1.3.14.tgz#ee9ef7f57e0877700ebb359947728b255bbb9c65"
-  integrity sha512-RBbPhYq+KNFPAkWPaHB9gypq0jTGp/0fkMwRLToJ8jkLtWG4LV+JoQ/erFQnVARkR3Q807n0VnES15EYP4ITMQ==
+"@react-navigation/elements@^1.3.14", "@react-navigation/elements@^1.3.31":
+  version "1.3.31"
+  resolved "https://registry.yarnpkg.com/@react-navigation/elements/-/elements-1.3.31.tgz#28dd802a0787bb03fc0e5be296daf1804dbebbcf"
+  integrity sha512-bUzP4Awlljx5RKEExw8WYtif8EuQni2glDaieYROKTnaxsu9kEIA515sXQgUDZU4Ob12VoL7+z70uO3qrlfXcQ==
 
 "@react-navigation/native@^6.1.3":
-  version "6.1.3"
-  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-6.1.3.tgz#06064c5e49c417a3dbe210b3f00841beefd326c5"
-  integrity sha512-DB5FyG6aqGfcjjVozljF5NEkjWaSymIbQHfWwsjL0YrvC1gfc7E53QXDOjxZ/wfbCo8qZs8RIC/LAgclP2YK/w==
+  version "6.1.18"
+  resolved "https://registry.yarnpkg.com/@react-navigation/native/-/native-6.1.18.tgz#338fa9afa2c89feec1d3eac41c963840d8d6f106"
+  integrity sha512-mIT9MiL/vMm4eirLcmw2h6h/Nm5FICtnYSdohq4vTLA2FF/6PNhByM7s8ffqoVfE5L0uAa6Xda1B7oddolUiGg==
   dependencies:
-    "@react-navigation/core" "^6.4.6"
+    "@react-navigation/core" "^6.4.17"
     escape-string-regexp "^4.0.0"
     fast-deep-equal "^3.1.3"
     nanoid "^3.1.23"
 
-"@react-navigation/routers@^6.1.6":
-  version "6.1.6"
-  resolved "https://registry.yarnpkg.com/@react-navigation/routers/-/routers-6.1.6.tgz#f57f2a73855d329255aa225fdad75ae8e7700c6d"
-  integrity sha512-Z5DeCW3pUvMafbU9Cjy1qJYC2Bvl8iy3+PfsB0DsAwQ6zZ3WAXW5FTMX4Gb9H+Jg6qHWGbMFFwlYpS3UJ3tlVQ==
+"@react-navigation/routers@^6.1.9":
+  version "6.1.9"
+  resolved "https://registry.yarnpkg.com/@react-navigation/routers/-/routers-6.1.9.tgz#73f5481a15a38e36592a0afa13c3c064b9f90bed"
+  integrity sha512-lTM8gSFHSfkJvQkxacGM6VJtBt61ip2XO54aNfswD+KMw6eeZ4oehl7m0me3CR9hnDE4+60iAZR8sAhvCiI3NA==
   dependencies:
     nanoid "^3.1.23"
 
 "@react-navigation/stack@^6.3.12":
-  version "6.3.12"
-  resolved "https://registry.yarnpkg.com/@react-navigation/stack/-/stack-6.3.12.tgz#8e3779efd0b2ad015f62b89193b9eacecb41fab2"
-  integrity sha512-sDclO/EflZUbfxZZlz5fk3A0wfegeCOEKGznP9n53s+JrDJL2Dc24Gufg56ENLNRX3CiE1KzsaM4SQLJYf/zsA==
+  version "6.4.1"
+  resolved "https://registry.yarnpkg.com/@react-navigation/stack/-/stack-6.4.1.tgz#a158350637f5298292202ce854e5c5c9688f23f9"
+  integrity sha512-upMEHOKMtuMu4c9gmoPlO/JqI6mDlSqwXg1aXKOTQLXAF8H5koOLRfrmi7AkdiE9A7lDXWUAZoGuD9O88cYvDQ==
   dependencies:
-    "@react-navigation/elements" "^1.3.14"
+    "@react-navigation/elements" "^1.3.31"
     color "^4.2.3"
     warn-once "^0.1.0"
 
@@ -7951,14 +7959,7 @@ chai-as-promised@^7.1.1:
   dependencies:
     check-error "^1.0.2"
 
-chain-registry@^2.0.30:
-  version "2.0.30"
-  resolved "https://registry.yarnpkg.com/chain-registry/-/chain-registry-2.0.30.tgz#d99c5e71e48480f7e2d225228c75ea1adb7e3b40"
-  integrity sha512-EGwgdjXYVU9oBCKOpXImAEvJIC4zP6C3Efl/Jw5llNUchCuy1zilgzhuj802Sf+Y/f2DITfF1CjNfSty4eeYNg==
-  dependencies:
-    "@chain-registry/types" "^2.0.30"
-
-chain-registry@^2.0.37:
+chain-registry@^2.0.30, chain-registry@^2.0.37:
   version "2.0.42"
   resolved "https://registry.yarnpkg.com/chain-registry/-/chain-registry-2.0.42.tgz#9ece4cbbf335c1bdb725e2573aae9dfe0442c88a"
   integrity sha512-Magth+y5yLEvyKLgOMJBkxtvaXufyE8/0KhLfyKZfG2Fqy+R9AuKoffr99n8ViSSAXf0kZCYDMZ8bh27P3Vo3A==
@@ -15802,6 +15803,11 @@ quick-lru@^5.1.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
   integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
 
+r3-hack@./scripts/r3-hack:
+  version "0.0.1"
+  dependencies:
+    react-native-reanimated "^3.19.1"
+
 radix3@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/radix3/-/radix3-1.1.0.tgz#9745df67a49c522e94a33d0a93cf743f104b6e0d"
@@ -16035,7 +16041,7 @@ react-native-is-edge-to-edge@1.1.7:
   resolved "https://registry.yarnpkg.com/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.1.7.tgz#28947688f9fafd584e73a4f935ea9603bd9b1939"
   integrity sha512-EH6i7E8epJGIcu7KpfXYXiV2JFIYITtq+rVS8uEb+92naMRBdxhTuS8Wn2Q7j9sqyO0B+Xbaaf9VdipIAmGW4w==
 
-react-native-is-edge-to-edge@^1.1.6, react-native-is-edge-to-edge@^1.1.7:
+react-native-is-edge-to-edge@^1.1.6, react-native-is-edge-to-edge@^1.1.7, react-native-is-edge-to-edge@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/react-native-is-edge-to-edge/-/react-native-is-edge-to-edge-1.2.1.tgz#64e10851abd9d176cbf2b40562f751622bde3358"
   integrity sha512-FLbPWl/MyYQWz+KwqOZsSyj2JmLKglHatd3xLZWskXOpRaio4LfEDEz8E/A6uD8QoTHW6Aobw1jbEwK7KMgR7Q==
@@ -16106,10 +16112,10 @@ react-native-piratechain@^0.5.12:
   dependencies:
     rfc4648 "^1.3.0"
 
-react-native-reanimated@^3.18.0:
-  version "3.19.0"
-  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.19.0.tgz#3413dd8865eec549642a4a63cd4e5354a25043c7"
-  integrity sha512-FNfqLuPuVHsW9KcsZtnJqIPlMQvuySnSFJXgSt9fVDPqptbSUkiAF6MthUwd4Mxt05hCRcbV+T65CENgVS5iCg==
+react-native-reanimated@^3.19.1:
+  version "3.19.1"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-3.19.1.tgz#761f731bfb5dc67724ca7bf7bce90a6da975d753"
+  integrity sha512-ILL0FSNzSVIg6WuawrsMBvNxk2yJFiTUcahimXDAeNiE/09eagVUlHhYWXAAmH0umvAOafBaGjO7YfBhUrf5ZQ==
   dependencies:
     "@babel/plugin-transform-arrow-functions" "^7.0.0-0"
     "@babel/plugin-transform-class-properties" "^7.0.0-0"
@@ -16124,6 +16130,14 @@ react-native-reanimated@^3.18.0:
     invariant "^2.2.4"
     react-native-is-edge-to-edge "1.1.7"
 
+react-native-reanimated@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-4.0.2.tgz#c986bff36ce90cd1df83506d6fb5d62db6f2d3b7"
+  integrity sha512-RVD/jeTWrkloRVJmTAEtgXtihEnfA7aO6SgoaTBy3jbU1zblE3Oztq0ktVO5q/rxl96l9w2+6LLcuZ6N8D7aKQ==
+  dependencies:
+    react-native-is-edge-to-edge "^1.2.1"
+    semver "7.7.2"
+
 react-native-reorderable-list@^0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/react-native-reorderable-list/-/react-native-reorderable-list-0.5.0.tgz#5f85360d68988fdd350cea720b0201f413329101"
@@ -16232,6 +16246,22 @@ react-native-wheel-picker-android@^2.0.6:
   dependencies:
     moment "^2.22.0"
 
+react-native-worklets@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/react-native-worklets/-/react-native-worklets-0.4.1.tgz#563d39160195101d9cf236b54b383d6950508263"
+  integrity sha512-QXAMZ8jz0sLEoNrc3ej050z6Sd+UJ/Gef4SACeMuoLRinwHIy4uel7XtMPJZMqKhFerkwXZ7Ips5vIjnNyPDBA==
+  dependencies:
+    "@babel/plugin-transform-arrow-functions" "^7.0.0-0"
+    "@babel/plugin-transform-class-properties" "^7.0.0-0"
+    "@babel/plugin-transform-classes" "^7.0.0-0"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.0.0-0"
+    "@babel/plugin-transform-optional-chaining" "^7.0.0-0"
+    "@babel/plugin-transform-shorthand-properties" "^7.0.0-0"
+    "@babel/plugin-transform-template-literals" "^7.0.0-0"
+    "@babel/plugin-transform-unicode-regex" "^7.0.0-0"
+    "@babel/preset-typescript" "^7.16.7"
+    convert-source-map "^2.0.0"
+
 react-native-zano@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/react-native-zano/-/react-native-zano-0.2.1.tgz#9e46eca9e2a2549326b90a0f6be6bf91cc2b1e42"
@@ -16983,6 +17013,11 @@ semver-compare@^1.0.0:
   resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
   integrity sha1-De4hahyUGrN+nvsXiPavxf9VN/w=
 
+semver@7.7.2, semver@^7.1.3, semver@^7.3.2, semver@^7.3.5, semver@^7.5.2, semver@^7.5.4, semver@^7.6.0, semver@^7.6.3, semver@^7.7.2:
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
 semver@^5.5.0, semver@^5.6.0:
   version "5.7.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
@@ -16993,11 +17028,6 @@ semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.1.3, semver@^7.3.2, semver@^7.3.5, semver@^7.5.2, semver@^7.5.4, semver@^7.6.0, semver@^7.6.3, semver@^7.7.2:
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
-  integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
-
 send@0.18.0:
   version "0.18.0"
   resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
@@ -17675,7 +17705,16 @@ string-length@^4.0.2:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-"string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
+"string-width-cjs@npm:string-width@^4.2.0":
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
+  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
+  dependencies:
+    emoji-regex "^8.0.0"
+    is-fullwidth-code-point "^3.0.0"
+    strip-ansi "^6.0.1"
+
+string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
   integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
@@ -17775,7 +17814,7 @@ stringify-object@^3.3.0:
     is-obj "^1.0.1"
     is-regexp "^1.0.0"
 
-"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1":
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
   integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
@@ -17789,6 +17828,13 @@ strip-ansi@^5.0.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
+  integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==
+  dependencies:
+    ansi-regex "^5.0.1"
+
 strip-ansi@^7.0.0, strip-ansi@^7.0.1:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45"
@@ -18784,10 +18830,10 @@ use-context-selector@^2.0.0:
   resolved "https://registry.yarnpkg.com/use-context-selector/-/use-context-selector-2.0.0.tgz#3b5dafec7aa947c152d4f0aa7f250e99a205df3d"
   integrity sha512-owfuSmUNd3eNp3J9CdDl0kMgfidV+MkDvHPpvthN5ThqM+ibMccNE0k+Iq7TWC6JPFvGZqanqiGCuQx6DyV24g==
 
-use-latest-callback@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/use-latest-callback/-/use-latest-callback-0.1.5.tgz#a4a836c08fa72f6608730b5b8f4bbd9c57c04f51"
-  integrity sha512-HtHatS2U4/h32NlkhupDsPlrbiD27gSH5swBdtXbCAlc6pfOFzaj0FehW/FO12rx8j2Vy4/lJScCiJyM01E+bQ==
+use-latest-callback@^0.2.1:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/use-latest-callback/-/use-latest-callback-0.2.4.tgz#35c0f028f85a3f4cf025b06011110e87cc18f57e"
+  integrity sha512-LS2s2n1usUUnDq4oVh1ca6JFX9uSqUncTfAm44WMg0v6TxL7POUTk1B044NH8TeLkFbNajIsgDHcgNpNzZucdg==
 
 use-sync-external-store@^1.0.0:
   version "1.2.0"
@@ -19488,7 +19534,7 @@ wordwrapjs@^4.0.0:
     reduce-flatten "^2.0.0"
     typical "^5.2.0"
 
-"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0:
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
   integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
@@ -19506,6 +19552,15 @@ wrap-ansi@^6.2.0:
     string-width "^4.1.0"
     strip-ansi "^6.0.0"
 
+wrap-ansi@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
+  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
+  dependencies:
+    ansi-styles "^4.0.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+
 wrap-ansi@^8.1.0:
   version "8.1.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214"