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

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 (
    <>
      <Background></Background>
      <SafeAreaView style={style.wrapper}>
        <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,
  },
  container: {
    flex: 1,
  },
});