1/** 2 * Sample React Native App 3 * https://github.com/facebook/react-native 4 * 5 * Generated with the TypeScript template 6 * https://github.com/react-native-community/react-native-template-typescript 7 * 8 * @format 9 */ 10 11import React from 'react'; 12import { StyleSheet, View} from 'react-native'; 13 14import NavBar from './components/navBar'; 15import Operations from './components/operations'; 16import MySheets from './components/mySheets'; 17import MusicBar from '@/components/musicBar'; 18import {Divider} from 'react-native-paper'; 19import {createDrawerNavigator} from '@react-navigation/drawer'; 20import HomeDrawer from './components/drawer'; 21import { SafeAreaView } from 'react-native-safe-area-context'; 22import rpx from '@/utils/rpx'; 23import StatusBar from '@/components/base/statusBar'; 24 25function Home() { 26 return ( 27 <SafeAreaView style={styles.appWrapper}> 28 <StatusBar backgroundColor='transparent'></StatusBar> 29 <NavBar></NavBar> 30 <Divider></Divider> 31 <Operations></Operations> 32 <MySheets></MySheets> 33 <MusicBar></MusicBar> 34 </SafeAreaView> 35 ); 36} 37 38const LeftDrawer = createDrawerNavigator(); 39export default function App() { 40 return ( 41 <LeftDrawer.Navigator 42 screenOptions={{ 43 headerShown: false, 44 drawerStyle: { 45 width: rpx(600), 46 }, 47 }} 48 initialRouteName="HOME-MAIN" 49 drawerContent={props => <HomeDrawer {...props}></HomeDrawer>}> 50 <LeftDrawer.Screen name="HOME-MAIN" component={Home}></LeftDrawer.Screen> 51 </LeftDrawer.Navigator> 52 ); 53} 54 55const styles = StyleSheet.create({ 56 appWrapper: { 57 flexDirection: 'column', 58 height: '100%' 59 }, 60}); 61