Floating video

App.js

@@ -3,7 +3,7 @@ import React, { useState, useRef, useEffect } from 'react';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
-import { Provider as PaperProvider, DefaultTheme, Appbar, Button } from 'react-native-paper';
+import { Provider as PaperProvider, DefaultTheme, Appbar, Button, Text } from 'react-native-paper';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import Login from "./Views/Login.js"
 import Feed from "./Views/Feed.js"
@@ -22,6 +22,7 @@ import { TouchableOpacity, View, Image } from 'react-native';
 import MenuView from './Views/Menu.js';
 import ProfileSettings from './Views/ProfileSettings.js';
 import InviteView from './Views/Invite.js';
+import MediaView from './components/MediaView.js';
 
 
 const Tab = createBottomTabNavigator();
@@ -114,6 +115,7 @@ const MainNavigation = () => {
 
 
     return (
+        <>
         <Tab.Navigator initialRouteName="Home"
             activeColor="#0d6efd"
             inactiveColor="#FFFFFF"
@@ -212,6 +214,7 @@ const MainNavigation = () => {
             />*/}
             
         </Tab.Navigator>
+        </>
     )
 }
 
@@ -277,6 +280,7 @@ export default function App() {
                     <Tab.Screen name="Logout" component={Login} />
                 </Stack.Navigator>
             </NavigationContainer>
+            <MediaView></MediaView>
         </PaperProvider>
     );
 }