Disable full-screen on iOS Flex 4.6 using Adobe Air 3.4

Question

I'm creating a FLEX app for iOS and Android. To be able to use Higher Resolution icons for the app, I had to include Adobe Air 3.4 in FLEX 4.6 SDK (default is 3.1). Everything seems to work like charm exept I can't disable full-screen app on iOS.

Here is how it looks like right now:

Here is the code from configuration-app.xml file:

<initialWindow>
    <systemChrome>standard</systemChrome>
    <aspectRatio>portrait</aspectRatio>
    <autoOrients>false</autoOrients>
    <fullScreen>false</fullScreen>
    <visible>true</visible>
    <softKeyboardBehavior>none</softKeyboardBehavior>
</initialWindow>

Any idea how to solve this?

Thanks

Answer 1

This is just the way iOS 7 works. It is a feature, not a bug. You have two options:

1. Create a skin for ViewNavigator that detects if it is on iOS 7+ and pushes the content area down 40px (for iPhone. Not sure if it is different on iPad).
2. Upgrade to Flex 4.12 which introduced a CSS style, and OS and version specific media queries to get around this.

Additionally, you are going to want to upgrade AIR. 3.4, besides being close to 2 years old, will not be accepted by the App Store. To get your app into the app store, you need to be on at least 4.0 (which added support for XCode 5, which Apple began requiring in February). For the record, AIR is currently on version 13.0 (after 4.0, the number was bumped to match the Flash Player version)