2016-12-18 19 views
0

我在華爲G535上測試我的應用程序,並且佈局位置不正確,按鈕不點擊。我正在使用Ionic 2. 我在我的模擬器和瀏覽器上測試過這一切,一切正常。 我沒有其他電話來測試它,但如果我的手機有問題,那麼我認爲它也可能會影響其他手機。Ionic 2安卓顯示器佈局和功能

Android的信息(如果有用)

  • 分辨率:540 X 960
  • 的Android版本:4.3
  • 的Emotion UI版本:EmotionaUI 2.0精簡版
  • 基帶版本: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> 

環顧四周,我看到它可能是過時的離子版本的問題。 因此,我更新我的離子應用程序到最新版本。我現在可以使用該按鈕導航到我的華爲手機上的另一個頁面。但按鈕和位置仍然是錯誤的。該列表在手機左側全部顯示爲壓縮列表,導航欄中的標題沒有空白。 當我到達另一個頁面時,後退箭頭按鈕位於導航欄上的標題上方,並且鏈接按鈕不起作用。

正如你可以看到它是不是喜歡這裏顯示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

回答