import React, { memo, useMemo, useState, useEffect } from 'react' import { View, Image, StyleSheet } from 'react-native' import { useGetter, useDispatch } from '@/store' // import { useLayout } from '@/utils/hooks' import { useNavigationComponentDidAppear } from '@/navigation' import { getWindowSise } from '@/utils/tools' export default memo(({ componentId }) => { const playMusicInfo = useGetter('player', 'playMusicInfo') const theme = useGetter('common', 'theme') const [animated, setAnimated] = useState(false) const musicInfo = useMemo(() => { return (playMusicInfo && playMusicInfo.musicInfo) || {} }, [playMusicInfo]) useNavigationComponentDidAppear(componentId, () => { setAnimated(true) }) const imgWidth = getWindowSise().width * 0.5 * 0.5 return ( ) }) const styles = StyleSheet.create({ container: { flexGrow: 1, flexShrink: 1, justifyContent: 'center', alignItems: 'center', }, content: { // elevation: 3, backgroundColor: 'rgba(0,0,0,0)', borderRadius: 4, }, img: { borderRadius: 4, // opacity: 0, }, })