2016-08-24 10 views
0

初めてのiOSアプリケーションを作成しましたが、キーボードに問題があります。 キーボードを隠す方法はありません。アクセサリバー(閉じる/前/次の矢印付き)は表示されません。Ionic 2 InAppBrowserはデフォルトでアクセサリバーを非表示にします

もう1つの問題は、ログイン後自動的に閉じないということです。だから、ユーザーは画面上のキーボードで終わる。サイト内をナビゲートすると閉じられます。

コードはかなり簡単ですが、アプリケーションはInAppBrowserを開き、ログインする必要のあるサイトを読み込みます。

Login

After login

コードサンプル:

import {Component, ViewChild} from '@angular/core'; 
import {ionicBootstrap, Platform, MenuController, Nav} from 'ionic-angular'; 
import {StatusBar} from 'ionic-native'; 
import {HelloIonicPage} from './pages/hello-ionic/hello-ionic'; 
import {ListPage} from './pages/list/list'; 
import {InfoPage} from './pages/info/info'; 
import {InAppBrowser} from 'ionic-native'; 
import {Splashscreen} from 'ionic-native'; 
import {Keyboard} from 'ionic-native'; 

@Component({ 
    templateUrl: 'build/app.html' 
}) 
class MyApp { 
    @ViewChild(Nav) nav: Nav; 

    // make HelloIonicPage the root (or first) page 
    rootPage: any = HelloIonicPage; 
    pages: Array<{title: string, component: any}>; 
    inAppBrowserRef; 

    constructor(
    private platform: Platform, 
    private menu: MenuController 
) { 
    document.addEventListener('resume',() => { 
     console.log("App has been resumed, reopen InAppBrowser url"); 
     this.openInAppBrowser(); 
    }); 
    this.initializeApp(); 

    // set our app's pages 
    this.pages = [ 
     { title: 'Launch', component: HelloIonicPage }, 
     { title: 'Info', component: InfoPage }, 
    ]; 
    } 

    initializeApp() { 
    this.platform.ready().then(() => { 
     // Okay, so the platform is ready and our plugins are available. 
     // Here you can do any higher level native things you might need. 
     StatusBar.styleDefault(); 
     //Show previous/next/done button on keyboard 
     this.openInAppBrowser(); 
    }); 
    } 

    openInAppBrowser() { 
    //Directly load website 
    this.inAppBrowserRef = InAppBrowser.open("http://ws001.domeassistance.be:50001/", "_blank", "location=no,fullscreen=yes,toolbar=no,clearcache=yes,clearsessioncache=yes"); 
    } 
} 

ionicBootstrap(MyApp); 

任意のヘルプ?

//別の謎:iOSのPhonegapでデバッグするときにアクセサリバーを取得しますが、実際のアプリケーションにビルドしたときは表示されません???

// EDIT2:私は場所を設定した場合=はい...私が使用

+0

あなたも、私はそれを試してみるよhttps://itunes.apple.com/us/app/dome-assistance-app/id1135786020?mt=8 – saibot

答えて

0

を、その後Accessorybarがアップします、しかし、私は私がコースを外れ望むものではありませんページの下部に厄介なURLを参照してください。 _blankの代わりに_system。次に、オートフィルと終了ボタンが付いたキーボードのトップバーがあります。

openInAppBrowser() { 
    this.inAppBrowserRef=InAppBrowser.open("http://ws001.domeassistance.be:50001/", "_system", "location=no,fullscreen=yes,toolbar=no,clearcache=yes,clearsessioncache=yes"); 
} 
+0

に事前のおかげでそれを試すことができます – saibot

+0

残念ながら_systemを使用するとSafariブラウザが開きます。 _blankを使用すると、ユーザーは実際にウェブサイトを開いていることに気付かないでしょう。 – saibot

関連する問題