drawer right

relaunchcojp · Apr 7, 2021 · c568f92 · c568f92
1 parent 4398afd
commit c568f92
Show file tree

Hide file tree

Showing 4 changed files with 134 additions and 138 deletions.
diff --git a/App.tsx b/App.tsx
@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { Component } from 'react';
+import { useWindowDimensions } from 'react-native';
 import { NavigationContainer } from '@react-navigation/native';
 import {
   createStackNavigator,
@@ -98,11 +99,25 @@ function HomeScreen() {
 }
 const Drawer = createDrawerNavigator();
 export default function App() {
+
+  const dimensions = useWindowDimensions();
+
   return (
     <NavigationContainer>
-      <Drawer.Navigator initialRouteName="Home">
-        <Drawer.Screen name="Home" component={HomeScreen} />
-        <Drawer.Screen name="logout" component={logoutButton} />
+      <Drawer.Navigator
+        initialRouteName="Home"
+        drawerPosition="right"
+        drawerType={dimensions.width >= 768 ? 'permanent' : 'front'}>
+        <Drawer.Screen
+          name="Home"
+          component={HomeScreen}
+          options={{ drawerLabel: 'Home' }}
+        />
+        <Drawer.Screen
+          name="logout"
+          component={LogInScreen}
+          options={{ drawerLabel: 'logout' }}
+        />
       </Drawer.Navigator>
     </NavigationContainer>
   )