我有一个相对简单的PhoneJS 应用程序,它包含在PhoneGap 2.9 中,是使用PhoneGap Build 构建的。该应用程序正在使用 NavBar 布局。当我在 iPhone 5 上的 Safari 中加载应用程序时,导航栏看起来很完美,图标位于文本上方。但是,在PhoneGap 中,只显示图标,没有文字。我无法判断文本是否根本没有呈现,或者整个应用程序(或只是导航栏)是否被推到屏幕下方,直到文本没有显示。我怀疑是后者,因为它必须被向下推到完美的数量,这样图标才能整齐地呈现,但文本是隐藏的。底线,为什么文本没有显示在 iOS 上的 PhoneGap 中?在 Android 上,它在 PhoneGap 中运行良好(导航栏位于屏幕顶部,带有图标和文本)。
这是导航的应用程序初始化:
MyApp.app = new DevExpress.framework.html.HtmlApplication({
namespace: MyApp,
navigationType: MyApp.config.navigationType,
navigation: [
{
title: "Home",
action: "#home",
icon: "home"
},
{
title: "My Library",
action: "#library",
icon: "favorites"
},
{
title: "Settings",
action: "#settings",
icon: "info"
}
]
});
这是元标记:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
不知道 config.xml 中的任何内容是否相关,但如果需要,我很乐意分享。