1import React from 'react'; 2import {StyleSheet} from 'react-native'; 3import rpx from '@/utils/rpx'; 4import {useNavigation, useRoute, useTheme} from '@react-navigation/native'; 5import {Appbar} from 'react-native-paper'; 6import ThemeText from '@/components/base/themeText'; 7import {SafeAreaView} from 'react-native-safe-area-context'; 8import StatusBar from '@/components/base/statusBar'; 9import LocalMusicList from './localMusicList'; 10import MusicBar from '@/components/musicBar'; 11import { useEffect } from 'react'; 12import Download from '@/core/download'; 13 14interface ILocalMusicProps {} 15export default function LocalMusic(props: ILocalMusicProps) { 16 const route = useRoute<any>(); 17 const navigation = useNavigation(); 18 const type: string = route.params?.type; 19 20 const {colors} = useTheme(); 21 22 useEffect(() => { 23 Download.setup(); 24 }, []); 25 26 return ( 27 <SafeAreaView style={style.wrapper}> 28 <StatusBar></StatusBar> 29 <Appbar style={[style.appbar, {backgroundColor: colors.primary}]}> 30 <Appbar.BackAction 31 color={colors.text} 32 onPress={() => { 33 navigation.goBack(); 34 }}></Appbar.BackAction> 35 <Appbar.Header style={style.header}> 36 <ThemeText 37 style={style.header} 38 fontSize="title" 39 fontWeight="semibold"> 40 本地音乐 41 </ThemeText> 42 </Appbar.Header> 43 </Appbar> 44 <LocalMusicList></LocalMusicList> 45 <MusicBar></MusicBar> 46 </SafeAreaView> 47 ); 48} 49 50const style = StyleSheet.create({ 51 wrapper: { 52 width: rpx(750), 53 flex: 1, 54 }, 55 appbar: { 56 shadowColor: 'transparent', 57 backgroundColor: '#2b333eaa', 58 }, 59 header: { 60 backgroundColor: 'transparent', 61 shadowColor: 'transparent', 62 }, 63}); 64