diff --git a/components/ToggleNavigationButton.js b/components/ToggleNavigationButton.js
new file mode 100644
index 0000000..cd4bf92
--- /dev/null
+++ b/components/ToggleNavigationButton.js
@@ -0,0 +1,14 @@
+
+import React from 'react';
+import {useNavigation} from '@react-navigation/native';
+import {TouchableOpacity} from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+
+export default function ToggleNavigationButton() {
+ const navigation = useNavigation();
+
+ return navigation.toggleDrawer()} style={{backgroundColor: '#333333',
+ borderColor: '#777777', borderStyle: 'solid', borderWidth: 1, padding: 5}}>
+
+ ;
+}
diff --git a/screens/CameraScreen.js b/screens/CameraScreen.js
index a690ac0..eac4757 100644
--- a/screens/CameraScreen.js
+++ b/screens/CameraScreen.js
@@ -23,6 +23,8 @@ import {getRtspAddressByCredentials} from '../lib/util';
import PlayerError from '../components/PlayerError';
+import ToggleNavigationButton from '../components/ToggleNavigationButton';
+
const Stack = createStackNavigator();
@@ -142,6 +144,9 @@ function PlayerScreen({navigation}) {
{screens.map(([target], index) =>
setActiveScreen(index)} />)}
+
+
+
);
}
@@ -225,7 +230,7 @@ export function CameraScreen() {
export function DirectCameraScreen() {
return (
-
+ }} component={ShowCameraScreen} />
);
}
diff --git a/screens/EventScreen.js b/screens/EventScreen.js
index ac779d1..ee7aa28 100644
--- a/screens/EventScreen.js
+++ b/screens/EventScreen.js
@@ -15,6 +15,8 @@ import SessionContext from '../session-context';
import {Menu, MenuOption, MenuOptions, MenuTrigger} from "react-native-popup-menu";
import Icon from "react-native-vector-icons/MaterialIcons";
+import ToggleNavigationButton from '../components/ToggleNavigationButton';
+
const Stack = createStackNavigator();
function Player({uri}) {
@@ -106,7 +108,7 @@ function EventVideoPlayer({route: {params: {eventId}}, navigation}) {
export default function EventScreen() {
return (
-
+ }} component={EventList} />
);
}