MobileFirst混合应用程序视图与iOS7中的状态栏重叠

时间:2015-02-18 14:59:17

标签: ios7 ibm-mobilefirst

对于iOS7视图重叠状态栏问题我在本论坛中看到过变通方法,但是,当我们使用IBM MobileFirst平台开发混合应用程序时,我们无法使用这些解决方法。我们不喜欢介绍任何特定于操作系统的代码。是否有任何建议的解决方案来自MobileFirst?我们可以在索引html文件中检测iOS版本,并将20px添加到文档正文的边缘。有没有更好的解决方案?

2 个答案:

答案 0 :(得分:0)

通常你不应该做任何事情。 MFP框架检测iOS版本并自动应用CSS,以便状态栏(不是应用程序的一部分,而不是应用程序之外)不会与最顶层的内容重叠。

通常在使用第三方框架(如jQuery Mobile)时会重新引入。

解决方案确实应用特定于环境的CSS(在BT中,BTW是完全有效的事情,在your-app \ iphone \ css文件夹中,结合使用JavaScript进行平台检测)。

还有一个解决方案 - 即更改应用程序,即使使用iOS 7及更高版本,状态栏的行为也会像以前的iOS版本一样。也就是说,在应用程序之外而不是它的一部分。

为此,您需要打开common \ js \ _ initOptions.js并添加showIOS7StatusBar,设置为false

您可以在以下IBM技术说明中阅读有关状态栏支持的更多信息:http://www-01.ibm.com/support/docview.wss?uid=swg27039574

答案 1 :(得分:0)

This css approach didn't seem to fully work for me. The initial rendering of the app would work fine, but if the keyboard popped up, the scrollable view would then overwrite the notification bar. The showIOS7StatusBar in initOptions.js also didn't seem to put the notification bar outside of my MobileFirst 6.3 app. However, this approach (writing iOS native code to explicitly limit the WebView) did work for me...

iOS 7 Status bar with Phonegap