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} /> ); }