1bf6e62f2S猫头猫import React from 'react'; 278fb5cb5S猫头猫import {Image, StyleSheet, View} from 'react-native'; 3242960d3S猫头猫import MusicQueue from '@/core/musicQueue'; 4*e650bfb3S猫头猫import {ImgAsset} from '@/constants/assetsConst'; 5bf6e62f2S猫头猫 64060c00aS猫头猫export default function Background() { 7bf6e62f2S猫头猫 const musicItem = MusicQueue.useCurrentMusicItem(); 8*e650bfb3S猫头猫 const source = musicItem?.artwork 9*e650bfb3S猫头猫 ? { 10*e650bfb3S猫头猫 uri: musicItem.artwork, 11*e650bfb3S猫头猫 } 12*e650bfb3S猫头猫 : ImgAsset.albumDefault; 13bf6e62f2S猫头猫 return ( 14bf6e62f2S猫头猫 <> 1578fb5cb5S猫头猫 <View style={style.background} /> 16*e650bfb3S猫头猫 <Image style={style.blur} blurRadius={50} source={source} /> 17bf6e62f2S猫头猫 </> 18bf6e62f2S猫头猫 ); 19bf6e62f2S猫头猫} 20bf6e62f2S猫头猫 21bf6e62f2S猫头猫const style = StyleSheet.create({ 2278fb5cb5S猫头猫 background: { 2378fb5cb5S猫头猫 width: '100%', 2478fb5cb5S猫头猫 height: '100%', 2578fb5cb5S猫头猫 position: 'absolute', 2678fb5cb5S猫头猫 top: 0, 2778fb5cb5S猫头猫 left: 0, 2878fb5cb5S猫头猫 right: 0, 2978fb5cb5S猫头猫 bottom: 0, 3078fb5cb5S猫头猫 backgroundColor: '#000', 3178fb5cb5S猫头猫 }, 32bf6e62f2S猫头猫 blur: { 33bf6e62f2S猫头猫 width: '100%', 34bf6e62f2S猫头猫 height: '100%', 35bf6e62f2S猫头猫 position: 'absolute', 36bf6e62f2S猫头猫 top: 0, 37bf6e62f2S猫头猫 left: 0, 38bf6e62f2S猫头猫 right: 0, 39bf6e62f2S猫头猫 bottom: 0, 40f8ba802fS猫头猫 opacity: 0.5, 41bf6e62f2S猫头猫 }, 42bf6e62f2S猫头猫}); 43