xref: /MusicFree/src/pages/musicDetail/index.tsx (revision 1c06c79946b30f194df132a91b10963b5dd338bc)

import MusicQueue from '@/common/musicQueue';
import MusicBar from '@/components/musicBar';
import rpx from '@/utils/rpx';
import {useAtom} from 'jotai';
import React, {useEffect} from 'react';
import {Button, StatusBar, StyleSheet, Text, View} from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import Background from './components/background';
import Bottom from './components/bottom';
import Content from './components/content';
import NavBar from './components/navBar';

export default function MusicDetail() {

  return (
    <SafeAreaView style={style.wrapper}>
      <Background></Background>
      <View style={style.container}>
        <StatusBar backgroundColor={'transparent'}></StatusBar>
        <NavBar></NavBar>
        <Content></Content>
        <Bottom></Bottom>
      </View>
    </SafeAreaView>
  );
}

const style = StyleSheet.create({
  wrapper: {
    width: rpx(750),
    flex: 1,
    backgroundColor: '#333333'
  },
  container: {
    flex: 1,
  },
});