1import React from 'react'; 2import {ImageBackground, StyleSheet, View} from 'react-native'; 3import rpx from '@/utils/rpx'; 4import {useRoute} from '@react-navigation/native'; 5import NavBar from './components/navBar'; 6import MusicBar from '@/components/musicBar'; 7import SheetMusicList from './components/sheetMusicList'; 8import { SafeAreaView } from 'react-native-safe-area-context'; 9import StatusBar from '@/components/base/statusBar'; 10interface ISheetDetailProps {} 11export default function SheetDetail(props: ISheetDetailProps) { 12 const route = useRoute<any>(); 13 const id = route.params?.id ?? 'favorite'; 14 15 return ( 16 <SafeAreaView style={style.wrapper}> 17 <StatusBar></StatusBar> 18 <NavBar></NavBar> 19 <SheetMusicList></SheetMusicList> 20 <MusicBar></MusicBar> 21 </SafeAreaView> 22 ); 23} 24 25const style = StyleSheet.create({ 26 wrapper: { 27 width: rpx(750), 28 flex: 1, 29 }, 30}); 31