Freeze inactive screens (#1949)

src/App.native.tsx

@@ -6,6 +6,7 @@ import {RootSiblingParent} from 'react-native-root-siblings'
 import * as SplashScreen from 'expo-splash-screen'
 import {GestureHandlerRootView} from 'react-native-gesture-handler'
 import {QueryClientProvider} from '@tanstack/react-query'
+import {enableFreeze} from 'react-native-screens'
 
 import 'view/icons'
 
@@ -40,6 +41,7 @@ import {messages} from './locale/locales/en/messages'
 i18n.load('en', messages)
 i18n.activate('en')
 
+enableFreeze(true)
 SplashScreen.preventAutoHideAsync()
 
 function InnerApp() {

src/App.web.tsx

@@ -4,6 +4,7 @@ import React, {useState, useEffect} from 'react'
 import {QueryClientProvider} from '@tanstack/react-query'
 import {SafeAreaProvider} from 'react-native-safe-area-context'
 import {RootSiblingParent} from 'react-native-root-siblings'
+import {enableFreeze} from 'react-native-screens'
 
 import 'view/icons'
 
@@ -32,6 +33,8 @@ import {
 import {Provider as UnreadNotifsProvider} from 'state/queries/notifications/unread'
 import * as persisted from '#/state/persisted'
 
+enableFreeze(true)
+
 function InnerApp() {
   const {isInitialLoad} = useSession()
   const {resumeSession} = useSessionApi()