heygen

src/screens/Studio/ComposeSong.web.js

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import { useRoute } from '@react-navigation/native'
+import { useIsFocused, useRoute } from '@react-navigation/native'
 import { FlatList, Modal, StyleSheet, Text, View, useWindowDimensions } from 'react-native'
 import { background } from '../../assets'
 import BackgroundVideo from '../../components/BackgroundVideo'
@@ -34,6 +34,7 @@ const PAGE_MAX_WIDTH = 1200
 const PAGE_HORIZONTAL_PADDING = gutters * 2
 
 const ComposeSong = () => {
+  const isFocused = useIsFocused()
   const scrollRef = useRef(null)
   const { width: windowWidth } = useWindowDimensions()
   const [selectedIndex, setSelectedIndex] = useState(0)
@@ -298,10 +299,12 @@ const ComposeSong = () => {
     <Page
       backgroundImg={background.studioBG2}
       backgroundContent={
-        <BackgroundVideo
-          source={videos?.malikWeb}
-          soundButtonStyle={styles.rightSideControl}
-        />
+        isFocused ? (
+          <BackgroundVideo
+            source={videos?.malikWeb}
+            soundButtonStyle={styles.rightSideControl}
+          />
+        ) : null
       }
       coinBadgeContainerStyle={styles.rightSideCredits}
       containerStyle={styles.videoQuestionPage}