androidiosflutteripadapp-store

Flutter app shows black bars on left and right sides on iPad — how to make layout full screen?


I'm developing a Flutter app that works perfectly on iOS and Android phones. However, when I run it on an iPad (e.g., iPad Air 11-inch) using the iOS simulator, the app appears centered with black bars on the left and right sides, instead of expanding to fill the full screen.


Solution

  • You can change the project settings [Xcode] by setting TARGETED_DEVICE_FAMILY to iPhone, iPad in Build Settings,
    or by going to the General tab → Supported Destinations → and adding iPad as a supported device.