<TITLE>Fullscreen video doesn't expand into the punch-hole/camera cutout area

[muntahics]

Description

🐛 Bug Description

When playing a video in fullscreen mode, the player does not draw behind the camera punch-hole/notch. Instead, it leaves a black bar and stops at the camera's position, preventing true edge-to-edge fullscreen playback. Other video players handle this automatically.

🛠️ Workaround Found

I was able to force it to work by going into my Android System Settings > Display > Camera Cutout (or Full Screen Apps) and manually setting Fladder to "Show camera cutout" instead of the default "Auto". Once I did this, the video correctly filled the entire screen.

💡 Suggested Fix

Because it works when forced by the system, this seems to be a missing native Android configuration or a Flutter layout constraint:

1. The app likely needs the following attribute added to its Android styles.xml theme:

   <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
   

2. Alternatively, the fullscreen video player widget might be wrapped in a SafeArea widget in Flutter, which forces padding around the notch.

📱 Device Information

Device Model: Realme GT Master Edition

Android Version: Android 11

Fladder Version: 0.10.3

Reproduction steps

Steps to Reproduce:

Open any video in Fladder.

Enter fullscreen mode.

Observe that the video does not stretch past the camera cutout.

Screenshots

Before Fix

After Fix

Logs

Platform

Android

App Version

0.10.3

Jellyfin server

10.11.11.0

[PartyDonut]

This is by design. It's also the reason controls also avoid that area.

You can either pinch-zoom to fill the entire screen. Or enable the "fill-screen" toggle in Settings -> Player.