index.tsx (740e39476f71e0e17304d812ac0a4c4cdc183ed1) index.tsx (ab5f994a52bee1ac7c89f2ccf9b6ca60d362890a)
1import React from 'react';
2import {StyleSheet} from 'react-native';
3
4import NavBar from './components/navBar';
5import MusicBar from '@/components/musicBar';
6import {createDrawerNavigator} from '@react-navigation/drawer';
7import HomeDrawer from './components/drawer';
8import {SafeAreaView} from 'react-native-safe-area-context';
9import StatusBar from '@/components/base/statusBar';
10import HorizontalSafeAreaView from '@/components/base/horizontalSafeAreaView.tsx';
11import globalStyle from '@/constants/globalStyle';
12import Theme from '@/core/theme';
13import HomeBody from './components/homeBody';
1import React from 'react';
2import {StyleSheet} from 'react-native';
3
4import NavBar from './components/navBar';
5import MusicBar from '@/components/musicBar';
6import {createDrawerNavigator} from '@react-navigation/drawer';
7import HomeDrawer from './components/drawer';
8import {SafeAreaView} from 'react-native-safe-area-context';
9import StatusBar from '@/components/base/statusBar';
10import HorizontalSafeAreaView from '@/components/base/horizontalSafeAreaView.tsx';
11import globalStyle from '@/constants/globalStyle';
12import Theme from '@/core/theme';
13import HomeBody from './components/homeBody';
14import HomeBodyHorizonal from './components/homeBodyHorizonal';
14import HomeBodyHorizontal from './components/homeBodyHorizontal';
15import useOrientation from '@/hooks/useOrientation';
16
17function Home() {
18 const orientation = useOrientation();
19
20 return (
21 <SafeAreaView edges={['top', 'bottom']} style={styles.appWrapper}>
22 <HomeStatusBar />
23 <HorizontalSafeAreaView style={globalStyle.flex1}>
24 <>
25 <NavBar />
26 {orientation === 'vertical' ? (
27 <HomeBody />
28 ) : (
15import useOrientation from '@/hooks/useOrientation';
16
17function Home() {
18 const orientation = useOrientation();
19
20 return (
21 <SafeAreaView edges={['top', 'bottom']} style={styles.appWrapper}>
22 <HomeStatusBar />
23 <HorizontalSafeAreaView style={globalStyle.flex1}>
24 <>
25 <NavBar />
26 {orientation === 'vertical' ? (
27 <HomeBody />
28 ) : (
29 <HomeBodyHorizonal />
29 <HomeBodyHorizontal />
30 )}
31 </>
32 </HorizontalSafeAreaView>
33 <MusicBar />
34 </SafeAreaView>
35 );
36}
37

--- 9 unchanged lines hidden (view full) ---

47}
48
49// function Body() {
50// const orientation = useOrientation();
51// return (
52// <ScrollView
53// style={[
54// styles.appWrapper,
30 )}
31 </>
32 </HorizontalSafeAreaView>
33 <MusicBar />
34 </SafeAreaView>
35 );
36}
37

--- 9 unchanged lines hidden (view full) ---

47}
48
49// function Body() {
50// const orientation = useOrientation();
51// return (
52// <ScrollView
53// style={[
54// styles.appWrapper,
55// orientation === 'horizonal' ? styles.flexRow : null,
55// orientation === 'horizontal' ? styles.flexRow : null,
56// ]}>
57// <Operations orientation={orientation} />
58// </ScrollView>
59// );
60// }
61
62const LeftDrawer = createDrawerNavigator();
63export default function App() {

--- 24 unchanged lines hidden --- 		56// ]}>
57// <Operations orientation={orientation} />
58// </ScrollView>
59// );
60// }
61
62const LeftDrawer = createDrawerNavigator();
63export default function App() {

--- 24 unchanged lines hidden ---