Merge pull request #333 from bitmovin/hide-home-indicator-in-fullscreen

Hide home indicator on iOS when entering fullscreen mode
bitmovin · Nov 27, 2023 · bfad96e · bfad96e
2 parents 5d33a4c + ecce921
commit bfad96e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@
 - Android: `onEvent` callback not being called on `PlayerView`
 - iOS: `onEvent` on iOS has incomplete payload information
 - tvOS: Picture in Picture sample screen has unwanted padding
+- iOS: hide home indicator when entering fullscreen mode in the example application
 
 ## [0.14.1] (2023-11-16)
 

diff --git a/example/src/screens/BasicFullscreenHandling.tsx b/example/src/screens/BasicFullscreenHandling.tsx
@@ -78,6 +78,7 @@ export default function BasicFullscreenHandling({
       setFullscreenMode(isFullscreen);
       navigation.setOptions({
         headerShown: !isFullscreen, // show/hide top bar
+        autoHideHomeIndicator: isFullscreen, // show/hide home indicator on iOS
       });
     })
   ).current;

diff --git a/example/src/screens/LandscapeFullscreenHandling.tsx b/example/src/screens/LandscapeFullscreenHandling.tsx
@@ -84,7 +84,10 @@ export default function LandscapeFullscreenHandling({
     new SampleFullscreenHandler(fullscreenMode, (isFullscreen: boolean) => {
       console.log('on fullscreen change');
       setFullscreenMode(isFullscreen);
-      navigation.setOptions({ headerShown: !isFullscreen });
+      navigation.setOptions({
+        headerShown: !isFullscreen, // show/hide top bar
+        autoHideHomeIndicator: isFullscreen, // show/hide home indicator on iOS
+      });
     })
   ).current;
   useFocusEffect(