app: fix native fullscreen view

js/app/components/livestream/livestream.tsx

···
 import { useToastController } from "@tamagui/toast";
 import { selectProfiles, getProfile } from "features/bluesky/blueskySlice";
 import storage from "storage";
+import { useFullscreen } from "contexts/FullscreenContext";
 
 export default function Livestream(props: Partial<PlayerProps>) {
   return (
···
   const [innerHeight, setInnerHeight] = useState(0);
   const [isChatVisible, setIsChatVisible] = useState(true);
   const [currentUserDID, setCurrentUserDID] = useState<string | null>(null);
+  const { fullscreen, setFullscreen } = useFullscreen();
 
   const streamerDID = player.livestream?.author?.did;
   const streamerProfile = streamerDID ? profiles[streamerDID] : undefined;
···
     }
   };
 
+  if (fullscreen) {
+    return (
+      <RNView style={{ flex: 1 }}>
+        <Player
+          telemetry={telemetry === true}
+          src={src}
+          fullscreen={fullscreen}
+          setFullscreen={setFullscreen}
+          {...extraProps}
+        />
+      </RNView>
+    );
+  }
+
   return (
     <RNView style={{ flex: 1 }}>
       <SafeAreaView style={{ flex: 1 }} onLayout={onOuterLayout}>
···
               <Player
                 telemetry={telemetry === true}
                 src={src}
+                fullscreen={fullscreen}
+                setFullscreen={setFullscreen}
                 {...extraProps}
               />
               <View

js/app/contexts/FullscreenContext.tsx

···
+import React, { createContext, useContext, useState, ReactNode } from "react";
+
+interface FullscreenContextValue {
+  fullscreen: boolean;
+  setFullscreen: (value: boolean) => void;
+}
+
+const FullscreenContext = createContext<FullscreenContextValue | undefined>(
+  undefined,
+);
+
+export const FullscreenProvider = ({ children }: { children: ReactNode }) => {
+  const [fullscreen, setFullscreen] = useState(false);
+  return (
+    <FullscreenContext.Provider value={{ fullscreen, setFullscreen }}>
+      {children}
+    </FullscreenContext.Provider>
+  );
+};
+
+export function useFullscreen() {
+  const ctx = useContext(FullscreenContext);
+  if (!ctx) {
+    throw new Error("useFullscreen must be used within a FullscreenProvider");
+  }
+  return ctx;
+}

js/app/src/screens/stream.tsx

···
 import { isWeb } from "tamagui";
 import { queryToProps } from "./util";
 import Livestream from "components/livestream/livestream";
+import { FullscreenProvider } from "contexts/FullscreenContext";
 
 export default function StreamScreen({ route }) {
   const { user, protocol, url } = route.params;
···
   if (user === "stream") {
     src = url;
   }
-  return <Livestream src={src} {...extraProps} />;
+  return (
+    <FullscreenProvider>
+      <Livestream src={src} {...extraProps} />
+    </FullscreenProvider>
+  );
 }