diff --git a/src/screens/PlayDetail/Horizontal/Pic.tsx b/src/screens/PlayDetail/Horizontal/Pic.tsx index e06f5b5..8eabbdb 100644 --- a/src/screens/PlayDetail/Horizontal/Pic.tsx +++ b/src/screens/PlayDetail/Horizontal/Pic.tsx @@ -11,6 +11,7 @@ import { BTN_WIDTH } from './MoreBtn/Btn' import { marginLeft } from './constant' import Image from '@/components/common/Image' import { useStatusbarHeight } from '@/store/common/hook' +import commonState from '@/store/common/state' export default memo(({ componentId }: { componentId: string }) => { @@ -21,7 +22,9 @@ export default memo(({ componentId }: { componentId: string }) => { const [animated, setAnimated] = useState(false) const [pic, setPic] = useState(musicInfo.pic) useEffect(() => { - if (animated) setPic(musicInfo.pic) + if (commonState.componentIds.playDetail) setAnimated(true) + else if (!animated) return + setPic(musicInfo.pic) }, [musicInfo.pic, animated]) useNavigationComponentDidAppear(componentId, () => { diff --git a/src/screens/PlayDetail/Vertical/Pic.tsx b/src/screens/PlayDetail/Vertical/Pic.tsx index 77c13ba..5614382 100644 --- a/src/screens/PlayDetail/Vertical/Pic.tsx +++ b/src/screens/PlayDetail/Vertical/Pic.tsx @@ -9,6 +9,7 @@ import { useNavigationComponentDidAppear } from '@/navigation' import { HEADER_HEIGHT } from './components/Header' import Image from '@/components/common/Image' import { useStatusbarHeight } from '@/store/common/hook' +import commonState from '@/store/common/state' export default ({ componentId }: { componentId: string }) => { @@ -19,7 +20,9 @@ export default ({ componentId }: { componentId: string }) => { const [animated, setAnimated] = useState(false) const [pic, setPic] = useState(musicInfo.pic) useEffect(() => { - if (animated) setPic(musicInfo.pic) + if (commonState.componentIds.playDetail) setAnimated(true) + else if (!animated) return + setPic(musicInfo.pic) }, [musicInfo.pic, animated]) useNavigationComponentDidAppear(componentId, () => {