2016-12-18 19 views
0

私はHuawei G535で自分のアプリをテストしていますが、レイアウトがずれてボタンがクリックされません。私はイオン2を使用しています。 私はこれを私のエミュレータとブラウザでテストしました。 私はそれをテストする別の電話がありませんが、私の電話に問題がある場合、それは他の電話にも影響を与える可能性があると思います。Ionic 2アンドロイドの表示レイアウトと機能

アンドロイド情報(役に立つ場合)

  • 解像度:540×960
  • Androidのバージョン:4.3
  • エモーションUIのバージョン:EmotionaUI 2.0 Liteの
  • ベースバンドバージョン:100131

マイページのコード。

<ion-header> 
    <ion-navbar color="primary"> 
    <ion-title> 
     Title 
    </ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 

    <ion-list no-lines> 
    <ion-item *ngFor="let item of items | async"> 
     <ion-avatar item-left> 
     <img src="{{item.image}}"/> 
     </ion-avatar> 
     <h1>{{item.title}}</h1> 
     <button ion-button clear item-right large (click)="showItem(item)"> 
     <ion-icon name="arrow-dropright"></ion-icon> 
     </button> 
    </ion-item> 
    </ion-list> 

</ion-content> 

私はそれが問題として時代遅れのイオンバージョンかもしれないことを見て周りを見た後。 イオンアプリを最新バージョンにアップデートします。私は今、私のHuawei電話の別のページに移動するためにボタンを使用することができます。しかし、ボタンとポジションはまだ間違っています。リストは電話の左側に圧縮リストとして表示されますが、ナビゲーションバーのタイトルには余白がありません。 他のページに移動すると、戻る矢印ボタンがナビゲーションバーのタイトルの上にあり、リンクのボタンが機能しません。

あなたはそれがここに示されているものhttp://ionicframework.com/docs/v2/components/#thumbnail-list

enter image description here

に間違っている可能性がどのように何かアドバイスを好きではないされて見ることができるように? 多くのおかげ

UPDATE 私は新しいイオン2を作成し、リストだけにhome.htmlファイルを変更しました。しかし、それは同じ結果です。 コンソールエラーが発生しません。これは、イオンアプリのパディングとマージンのようです。 enter image description here

+0

明らかquestion..didあなたは、イオンサムネイルの代わりに、イオンアバターをしてみてください? –

+0

はい、ちょうどイオンサムネイルを試しましたが、何も変更されていません。私はそれがイオンのDOM以上のものであると考えています。 – SGhaleb

答えて

0

Check in official website。これは、Ionic 2のサポートが4.4に戻ると言います。

さらに後方をサポートしたい場合は、クロスウォークを使用する必要があります。 便利なリンク:

1. ionic blog

2. A tutorial link

+0

よろしくお願いします、ありがとう – SGhaleb

関連する問題