首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >cordova混合应用软导航栏覆盖了我在bootom上的菜单栏

cordova混合应用软导航栏覆盖了我在bootom上的菜单栏
EN

Stack Overflow用户
提问于 2016-12-13 19:36:11
回答 1查看 1K关注 0票数 0

我用apache cordova开发了一个android应用程序。我使用的是angularjs和bootstrap。我对一些android设备有问题,它们的底部有像这样的软导航栏。

当软导航栏处于活动状态时,用户无法看到应用程序中的按钮,因为软导航栏覆盖了我的按钮面板。

我的页脚代码类似于下面的代码。

代码语言:javascript
运行
复制
<div class="col-xs-12 navbar-inverse navbar-fixed-bottom">
  <div class="row" id="bottomNav">
    <div class="col-xs-4 text-center"><a href="#"><i class="glyphicon glyphicon-circle-arrow-left"></i><br>Link</a>
    </div>
    <div class="col-xs-4 text-center"><a href="#"><i class="glyphicon glyphicon-circle-arrow-down"></i><br>Link</a>
    </div>
    <div class="col-xs-4 text-center"><a href="#"><i class="glyphicon glyphicon-circle-arrow-right"></i><br>Link</a>
    </div>
  </div>
</div>

有没有办法在我的导航栏上移动,让它在android的软导航栏上?或者如何检查是否显示了软导航栏?

谢谢你的帮助。

EN

回答 1

Stack Overflow用户

发布于 2016-12-13 19:56:53

我在我的config.xml文件中有这个值,也没有添加全屏插件,这对我来说仍然有效。所以,请尝试一下,让我知道这是否有效。

代码语言:javascript
运行
复制
<preference name="permissions"                value="none"/>

<!-- Customize your app and platform with the preference element. -->
<preference name="orientation"                value="default" />        <!-- all: default means both landscape and portrait are enabled -->
<preference name="target-device"              value="universal" />      <!-- all: possible values handset, tablet, or universal -->
<preference name="fullscreen"                 value="true" />           <!-- all: hides the status bar at the top of the screen -->
<preference name="webviewbounce"              value="true" />           <!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
<preference name="prerendered-icon"           value="true" />           <!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<preference name="stay-in-webview"            value="false" />          <!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->
<preference name="ios-statusbarstyle"         value="black-opaque" />   <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<preference name="detect-data-types"          value="true" />           <!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<preference name="exit-on-suspend"            value="false" />          <!-- ios: if set to true, app will terminate when home button is pressed -->
<preference name="show-splash-screen-spinner" value="true" />           <!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->
<preference name="auto-hide-splash-screen"    value="true" />           <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<preference name="disable-cursor"             value="false" />          <!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<preference name="android-installLocation"    value="auto" />           <!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->

已更新

同时选中try add toolbar=no to your inappbrowser链接,不确定这是否适用于安卓,但这适用于iOS

代码语言:javascript
运行
复制
var ref = cordova.InAppBrowser('http://apache.org', '_blank', 'toolbar=no');
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41120153

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档