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