[英]cordova hybrid app soft nav bar overlapping my menubar on bootom
我用Apache Cordova開發了一個Android應用。 我正在使用angularjs和bootstrap。 我對某些android設備有問題,這些設備的底部具有這樣的軟導航欄。
當激活軟導航欄時,用戶看不到應用程序中的按鈕,因為軟導航欄與我的按鈕面板重疊。
我的頁腳代碼與此類似。
<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的軟導航欄? 或者如何檢查是否顯示軟導航欄?
謝謝你的幫助...
我在config.xml文件中具有此值,並且也未添加全屏插件,這仍然對我有用。 因此,請嘗試此操作,並讓我知道它是否有效。
<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. -->
另外,請檢查嘗試在您的inappbrowser鏈接中添加toolbar=no
,不確定是否適用於android,但這適用於iOS
var ref = cordova.InAppBrowser('http://apache.org', '_blank', 'toolbar=no');
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.