1import MusicQueue from '@/core/musicQueue'; 2import MusicBar from '@/components/musicBar'; 3import StatusBar from '@/components/base/statusBar'; 4import rpx from '@/utils/rpx'; 5import {useAtom} from 'jotai'; 6import React, {useEffect} from 'react'; 7import {Button, StyleSheet, Text, View} from 'react-native'; 8import {SafeAreaView} from 'react-native-safe-area-context'; 9import Background from './components/background'; 10import Bottom from './components/bottom'; 11import Content from './components/content'; 12import NavBar from './components/navBar'; 13 14export default function MusicDetail() { 15 return ( 16 <> 17 <Background></Background> 18 <SafeAreaView style={style.wrapper}> 19 <StatusBar backgroundColor={'transparent'}></StatusBar> 20 <View style={style.container}> 21 <NavBar></NavBar> 22 <Content></Content> 23 <Bottom></Bottom> 24 </View> 25 </SafeAreaView> 26 </> 27 ); 28} 29 30const style = StyleSheet.create({ 31 wrapper: { 32 width: rpx(750), 33 flex: 1, 34 }, 35 container: { 36 flex: 1, 37 }, 38}); 39