コードソーハイブリッドアプリソフトナビバーがブーツムの私のメニューバーにオーバーラップ

Question

私はapache cordovaでアンドロイドアプリを開発します。私はangularjsとブートストラップを使用しています。私はこのような底にソフトナビゲーションバーを持っているいくつかのアンドロイドデバイスに問題があります。

ソフトのナビゲーションバーがアクティブな場合、ユーザーは自分のボタンパネルoverlappソフトのナビゲーションバーbecouse、アプリからのボタンが表示されません。

フッターのコードはこれと似ています。

<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>

私のナビゲーションバーを上に移動する方法は、それはアンドロイドのソフトのナビゲーションバーの上になること、ありますか？または、ソフトナビバーが表示されているかどうかを確認するにはどうすればよいですか？任意の助け

おかげで...

Answer 1

私は私の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を追加しようとしたが、これはiOSの

var ref = cordova.InAppBrowser('http://apache.org', '_blank', 'toolbar=no');